Skip to content

hrs_app_h5 / bill

Go to a project
Commit 94adf8e5 by 展昭
Options

没必要用vuex，删

parent c62a8bac
Inline Side-by-side
Showing with 92 additions and 122 deletions
src/api/Token/index.js deleted 100644 → 0
import api from "../index";
import Mgr from "../../assets/js/SecurityService";
import { GetCommonPms } from "@js/CommonPms.js";
import qs from "qs";
const oidc_config = JSON.parse(process.env.VUE_APP_OIDC_CONFIG)
const urls=`${oidc_config.authority}/connect/token`
let mgr = new Mgr();
let token;
mgr.getAcessToken().then(res => {
token = res;
});
let header = {
"Content-type": "application/x-www-form-urlencoded"
}
export default {
GetToken(id) {
let pms = {
client_id: oidc_config.client_id,
client_secret: oidc_config.client_secret,
grant_type: "company",
scope: "api.workapps.user api.workapps.org",
comid: id,
token: token
};
var commonPms = GetCommonPms();
return api.post(`${urls.token}?${commonPms}`, qs.stringify(pms), header);
}
};
\ No newline at end of file
src/store/index.js
import Vue from 'vue'
import Vuex from 'vuex'
import token from "./modules/token";
import { vuexOidcCreateStoreModule } from 'vuex-oidc';
import oidcSettings from "../utils/oidcSettings";
......@@ -8,7 +7,6 @@ Vue.use(Vuex)
export default new Vuex.Store({
modules: {
token,
oidc: vuexOidcCreateStoreModule(oidcSettings)
}
});
src/store/modules/token.js deleted 100644 → 0
import types from "../types"
let token = "";
try {
if (localStorage.getItem('token')) {
token = localStorage.getItem('token');
}
} catch (error) { }
const state = { token };
const getters = {
getToken(state) {
return state.token;
}
};
const actions = {
changeToken({ commit }, token) {
commit(types.CHANGE_TOKEN, token);
}
};
const mutations = {
[types.CHANGE_TOKEN](state, token) {
state.token = token;
try {
localStorage.setItem("token", token);
} catch (error) { }
},
};
// 最后统一导出
export default {
state,
getters,
actions,
mutations
};
\ No newline at end of file
src/store/types.js deleted 100644 → 0
//定义类型常量，默认全部大写义类型常量，默认全部大写
const CHANGE_TOKEN = "CHANGE_TOKEN";
export default {
CHANGE_TOKEN
}
\ No newline at end of file
src/views/Bill/index.vue
......@@ -25,11 +25,11 @@
<div class="header_content">
<div class="fund">
<span>账户余额</span>
<i>1,000.00</i>
<i>{{data.balance}}</i>
</div>
<div class="paid">
<span>待付金额</span>
<i class="paid_color">200.00</i>
<i class="paid_color">{{data.toBePayAmount}}</i>
</div>
</div>
<div class="header_info">
......@@ -53,7 +53,7 @@
</div>
<p>
<span>托收金额</span>
<i>8000.00</i>
<i>{{data.hosting}}</i>
</p>
</div>
......@@ -66,11 +66,11 @@
</div>
<p>
<span>应付金额</span>
<i>600.00</i>
<i>{{data.socical.toPayAmount}}</i>
</p>
<p>
<span>待付金额</span>
<i>600.00</i>
<i>{{data.socical.toBePayAmount}}</i>
</p>
</div>
<!--公积金代理-->
......@@ -81,11 +81,11 @@
</div>
<p>
<span>应付金额</span>
<i>600.00</i>
<i>{{data.fund.toPayAmount}}</i>
</p>
<p>
<span>待付金额</span>
<i>600.00</i>
<i>{{data.fund.toBePayAmount}}</i>
</p>
</div>
<!--个税代理-->
......@@ -96,11 +96,11 @@
</div>
<p>
<span>应付金额</span>
<i>600.00</i>
<i>{{data.tax.toPayAmount}}</i>
</p>
<p>
<span>待付金额</span>
<i>600.00</i>
<i>{{data.tax.toBePayAmount}}</i>
</p>
</div>
<!--服务费-->
......@@ -111,11 +111,11 @@
</div>
<p>
<span>应付金额</span>
<i>600.00</i>
<i>{{data.service.toPayAmount}}</i>
</p>
<p>
<span>待付金额</span>
<i>600.00</i>
<i>{{data.service.toBePayAmount}}</i>
</p>
</div>
<!--会员年费-->
......@@ -126,11 +126,11 @@
</div>
<p>
<span>应付金额</span>
<i>600.00</i>
<i>{{data.annual.toPayAmount}}</i>
</p>
<p>
<span>待付金额</span>
<i>600.00</i>
<i>{{data.annual.toBePayAmount}}</i>
</p>
</div>
<!--其他事务办理-->
......@@ -141,11 +141,11 @@
</div>
<p>
<span>应付金额</span>
<i>600.00</i>
<i>{{data.other.toPayAmount}}</i>
</p>
<p>
<span>待付金额</span>
<i>600.00</i>
<i>{{data.other.toBePayAmount}}</i>
</p>
</div>
</div>
......@@ -167,7 +167,36 @@ export default {
return {
title: "人事服务",
month4choose: "2019年11月",
cycle: "11.01-11.30"
cycle: "11.01-11.30",
data:{
balance:0,
toBePayAmount:0,
hosting:8000.00,
socical:{
toPayAmount:600.00,
toBePayAmount:600.00
},
fund:{
toPayAmount:600.00,
toBePayAmount:600.00
},
tax:{
toPayAmount:600.00,
toBePayAmount:600.00
},
service:{
toPayAmount:600.00,
toBePayAmount:600.00
},
annual:{
toPayAmount:600.00,
toBePayAmount:600.00
},
other:{
toPayAmount:600.00,
toBePayAmount:600.00
}
}
};
},
methods: {
......
src/views/test.vue
<template>
<div class="b-container">
<div class="container">
<tab-header :title="title" />
<div v-if="oidcIsAuthenticated"> 已登录，{{oidcUser}} <a @click="signOutOidc">退出</a></div>
<div v-else>
<div v-if="oidcIsAuthenticated">
已登录，{{oidcUser}}
<a @click="signOutOidc">退出</a>
</div>
<div v-else></div>
<div class="btn" @click="getOidcUserMy">getOidcUser</div>
<div class="btn" @click="authenticateOidcSilent">authenticateOidcSilent</div>
</div>
</template>
<script>
import { TabHeader } from "@/components";
import { mapGetters, mapActions } from 'vuex'
import { mapGetters, mapActions } from "vuex";
import store from "@/store"
export default {
components:{
TabHeader,
components: {
TabHeader
},
computed: {
...mapGetters([
'oidcIsAuthenticated',
'oidcUser',
'oidcAccessToken',
'oidcAccessTokenExp',
'oidcIdToken',
'oidcIdTokenExp',
'oidcAuthenticationIsChecked',
'oidcError'
"oidcIsAuthenticated",
"oidcUser",
"oidcAccessToken",
"oidcAccessTokenExp",
"oidcIdToken",
"oidcIdTokenExp",
"oidcAuthenticationIsChecked",
"oidcError"
]),
hasAccess: function() {
return this.oidcIsAuthenticated || this.$route.meta.isPublic
return this.oidcIsAuthenticated || this.$route.meta.isPublic;
}
},
methods: {
...mapActions([
'authenticateOidc', // Authenticates with redirect to sign in if not signed in
'oidcSignInCallback', // Handles callback from authentication redirect. Has an optional url parameter
'authenticateOidcSilent', // Authenticates if signed in. No redirect is made if not signed in
'getOidcUser', // Get user from oidc-client storage and update it in vuex store. Returns a promise
'signOutOidc', // Signs out user in open id provider
'removeOidcUser' // Signs out user in vuex and browser storage, but not in open id provider
])
"authenticateOidc", // Authenticates with redirect to sign in if not signed in
"oidcSignInCallback", // Handles callback from authentication redirect. Has an optional url parameter
"authenticateOidcSilent", // Authenticates if signed in. No redirect is made if not signed in
"getOidcUser", // Get user from oidc-client storage and update it in vuex store. Returns a promise
"signOutOidc", // Signs out user in open id provider
"removeOidcUser" // Signs out user in vuex and browser storage, but not in open id provider
]),
getOidcUserMy() {
// this.getOidcUser().then(res => {
// console.log("res=", JSON.stringify(res));
// });
const token=store.state.oidc.access_token;
console.log('token=',token);
}
},
data() {
return {
......@@ -51,4 +62,11 @@ export default {
</script>
<style>
.btn {
border: 1px goldenrod solid;
border-radius: 5px;
padding: 10px 20px;
width: 100px;
height: 50px;
}
</style>
\ No newline at end of file
vue.config.js
......@@ -116,7 +116,10 @@ module.exports = {
"@components": path.resolve(__dirname, "./src/components/"),
"vue$": 'vue/dist/vue.common.js'
},
modules: [path.resolve(__dirname,'node_modules')]
modules: [
path.resolve(__dirname,'node_modules'),
path.resolve(__dirname,'src/utils')
]
}
});
},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment