加了退费管理菜单，待对接接口

src/components/index/Index.css

@@ -84,6 +84,13 @@
 	background-size: cover;
 }
 
+.el-menu-item .el-icon-refund {
+	width: 27px;
+	height: 27px;
+	background: url(../../../static/images/refund.png) center center no-repeat;
+	background-size: cover;
+}
+
 .el-menu-item .el-icon-sjdz {
 	width: 27px;
 	height: 27px;

src/components/index/Index.vue

@@ -33,6 +33,12 @@
 								<span slot="title">充值记录</span>
 							</el-menu-item>
 						</router-link>
+						<router-link to="tk">
+							<el-menu-item index="/index/tk">
+								<i class="el-icon-refund"></i>
+								<span slot="title">退费管理</span>
+							</el-menu-item>
+						</router-link>
 						<router-link to="sjdz">
 							<el-menu-item index="/index/sjdz">
 								<i class="el-icon-sjdz"></i>
@@ -140,6 +146,9 @@
 					.then(_ => {
 						// console.log(_);
 						sessionStorage.removeItem('uname')
+						sessionStorage.removeItem('token')
+						sessionStorage.removeItem('level')
+						sessionStorage.removeItem('unic')
 						_this.$router.replace('/')
 					})
 					.catch(_ => {

src/components/login/Login.vue

@@ -112,6 +112,7 @@
 									_this.$message.success(res.data.msg);
 									sessionStorage.setItem('uname', username);
 									sessionStorage.setItem('level', res.data.level);
+									sessionStorage.setItem('token', res.data.access_token);
 									// 请求头部携带token
 									_this.$axios.defaults.headers['token'] = res.data.access_token;
 									// console.log(_this.$axios.defaults);

src/main.js

@@ -10,13 +10,13 @@ import * as Echarts from 'echarts';
 import Axios from "axios";
 // import Api from '../static/interface'
 // import Qs from "qs"
-
+// 设置请求头信息
+Axios.defaults.headers['token'] = sessionStorage.getItem('token');
 // Axios.defaults.timeout = 3000 //响应时间
 // Axios.defaults.headers.post['Content-Type'] = 'multipart/form-data'; //配置请求头
 // Axios.defaults.baseURL = process.env.NODE_HOST; // 配置接口地址
 // Axios.defaults.baseURL='https://jtishfw.ncjti.edu.cn/jxch-smartmp'
 // console.log('环境：' + process.env.NODE_ENV)
-
 Vue.use(ElementUI);
 
 // Vue.prototype.$qs = Qs;
@@ -34,4 +34,4 @@ new Vue({
 		App
 	},
 	template: '<App/>'
-});
+});

src/router/index.js

@@ -1,10 +1,11 @@
 import Vue from 'vue'
 import Router from 'vue-router'
-import Login from '@/components/login/Login'  // 登陆
-import Index from '@/components/index/Index'  // 首页
+import Login from '@/components/login/Login' // 登陆
+import Index from '@/components/index/Index' // 首页
 import DevMgr from '@/components/dev_mgr/DevMgr' // 设备管理
 import Balance from '@/components/balance/Balance' // 余额管理
 import CZJL from '@/components/congzhijilu/congzhijilu' // 充值记录
+import TK from '@/components/tuikuan/tuikuan' // 充值记录
 import SJDZ from '@/components/shangjiaduizhang/shangjiaduizhang' // 商家对账
 import YSFX from '@/components/yongshuifenxi/yongshuifenxi' // 用水分析
 import FLSZ from '@/components/feilvset/feilvset' // 费率设置
@@ -13,6 +14,10 @@ import ZFYC from '@/components/zhifuyichang/zhifuyichang' // 支付异常
 import ZHGL from '@/components/zhuanghaoguanli/zhuanghaoguanli' // 账户管理
 import AD from '@/components/ad/ad' // 广告管理
 
+// 刷新问题，解决办法：
+// https://share.bito.co/static/share?aid=2791e6a5-5bf8-4337-be70-e09b33aa2737
+// https://share.bito.co/static/share?aid=aa1b0cf0-41ba-422e-8fa8-46543b795899
+
 Vue.use(Router)
 
 export default new Router({
@@ -40,6 +45,10 @@ export default new Router({
 			name: 'CZJL',
 			component: CZJL // 充值记录
 		}, {
+			path: 'tk',
+			name: 'tk',
+			component: TK // 充值记录
+		}, {
 			path: 'sjdz',
 			name: 'SJDZ',
 			component: SJDZ // 商家对账
@@ -69,4 +78,4 @@ export default new Router({
 			component: AD // 广告管理
 		}]
 	}]
-})
+})

src/store/index.js

@@ -1,59 +1,56 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
+// import Vue from 'vue'
+// import Vuex from 'vuex'
 
-Vue.use(Vuex);
-let store = new Vuex.Store({
-	state: {
-		loginStatus: 0,
-		token: '',
-		userName: ''
-	},
-	mutations: {
-		loginSuccess(state) {
-			state.userName = db.get('userName');
-			state.loginStatus = 1
-		},
-		loginFail(state) {
-			state.loginStatus = 0
-		},
-		updateToken(state, token) {
+// Vue.use(Vuex);
+// let store = new Vuex.Store({
+// 	state: {
+// 		loginStatus: 0,
+// 		token: '',
+// 		uname: ''
+// 	},
+// 	mutations: {
+// 		loginSuccess(state) {
+// 			state.uname = sessionStorage.getItem('uname');
+// 			state.loginStatus = 1
+// 		},
+// 		loginFail(state) {
+// 			state.loginStatus = 0
+// 		},
+// 		updateToken(state, token) {
+// 			state.token = token;
+// 			sessionStorage.setItem('token', token);
+// 		},
+// 		loginOut(state) {
+// 			sessionStorage.remove('token');
+// 			state.loginStatus = 0;
+// 			state.token = "";
+// 		}
+// 	},
+// 	actions: {
+// 		loginAction({
+// 			commit
+// 		}, token) {
+// 			commit('loginSuccess');
+// 			commit('updateToken', token)
+// 		},
+// 		tokenAction({
+// 			commit
+// 		}, token) {
+// 			commit('updateToken', token)
+// 		},
+// 		loginOutAction({
+// 			commit
+// 		}) {
+// 			commit('loginOut')
+// 		}
 
-			state.token = token;
-			db.set('token', token);
+// 	}
+// })
+// // 页面刷新时，重新赋值token
+// let token = sessionStorage.getItem('token');
+// if (token) {
+// 	store.commit('updateToken', token);
+// 	store.commit('loginSuccess')
+// }
 
-		},
-		loginOut(state) {
-			db.remove('token');
-			state.loginStatus = 0;
-			state.token = "";
-		}
-	},
-	actions: {
-		loginAction({
-			commit
-		}, token) {
-
-			commit('loginSuccess');
-			commit('updateToken', token)
-		},
-		tokenAction({
-			commit
-		}, token) {
-			commit('updateToken', token)
-		},
-		loginOutAction({
-			commit
-		}) {
-			commit('loginOut')
-		}
-
-	}
-})
-// 页面刷新时，重新赋值token
-let token = db.get('token');
-if (token) {
-	store.commit('updateToken', token);
-	store.commit('loginSuccess')
-}
-
-export default store
+// export default store