# fschool_common-search

> A Vue.js project  use   bootstrap4、 bootstrap-vue、 element-ui

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).

### 项目说明:

  1、 vue-cli 项目基础构建
  2、 Appwork © 构建的bootstrap4 项目 为方便引入 element ui 组件
  3、 引入axios（已经封装， 直接this.$httpAxios调用）目前禁用
  4、 引入fetch （已经封装）

``` javascript

import {
    httpGET,
    httpPOST,
    httpPUT,
    httpDEL,
    refreshToken
} from '@/server/common/httpFetch'
```

  5、 components/common/util  通用工具函数目录
  6、 vendor/styles/common.scss 通用样式目录

### 关于跳过验证相关问题：

###### openNewWindowtab 跳转函数（用于跳转到B系统函数， 写在VueX中action中）

> 说明：
> 1、 函数必须接收将要跳转的B系统具体路径    http://localhost:8091/#/workSignIn/workSignInManagement
> 2、 刷新当前token后 ——> 拼接loginedInfo， expires_in， basicUserInfo————>window.open 跳转

```javascript

// 引入：
import {
    mapActions
} from 'vuex'
// 声明
methods: { ...mapActions(['openNewWindowtab'])
    }
    // 调用：
    < Button @click = "openNewWindowtab('http://localhost:8091/#/workSignIn/workSignInManagement')" > Button < /Button>
```

### 关于跳过验证相关问题：

###### openNewWindowtab 跳转函数（用于跳转到B系统函数， 写在VueX中action中）

> 说明：
> 1、 函数必须接收将要跳转的B系统具体路径    http://localhost:8091/#/workSignIn/workSignInManagement
> 2、 刷新当前token后 ——> 拼接loginedInfo， expires_in， basicUserInfo————>window.open 跳转

``` javascript

// 引入：
import {
    mapActions
} from 'vuex'
// 声明
methods: { ...mapActions(['openNewWindowtab'])
    }
    // 调用：
    < Button @click = "openNewWindowtab('http://localhost:8091/#/workSignIn/workSignInManagement')" > Button < /Button>
```

###### B系统得到地址栏参数后 ， 进行初始化及菜单渲染（此处已实现不要调用）

> 说明：

``` javascript

created() {
    console.log(this.$store.state.projectName, 'projectName', this.$route.query)
    // 初始化数据
    let urlLoginInfo = this.$route.query
    let token = JSON.parse(sessionStorage.getItem('loginedInfo')) && JSON.parse(sessionStorage.getItem('loginedInfo')).access_token
    if (urlLoginInfo && urlLoginInfo.expires_in && urlLoginInfo.expires_in !== '' && urlLoginInfo.loginedInfo && urlLoginInfo.loginedInfo !== '' && urlLoginInfo.basicUserInfo && urlLoginInfo.basicUserInfo !== '') {
        sessionStorage.setItem('expires_in', urlLoginInfo.expires_in)
        sessionStorage.setItem('loginedInfo', urlLoginInfo.loginedInfo)
        sessionStorage.setItem('basicUserInfo', urlLoginInfo.basicUserInfo)
        /* 获取菜单 */
        this.getMenuList()
    } else if (token && token !== '') {
        this.getMenuList()
    } else {
        router.push({
            path: '/login'
        })
    }
}
```

###### basicUserInfo 获得登录人通用参数（用于跳转到B系统取值， 写在VueX中getters中）

> 说明：
> 默认获取当前sessionStorage.getItem('userInfo') 如果没有再去获取地址栏中的参数

``` javascript

// 引入：
import {
    mapGetters
} from 'vuex'
// 声明
computed: { ...mapGetters(['basicUserInfo'])
}
// 调用：
created() {
    console.log(this.basicUserInfo, '获取基础信息')
}
```