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 Vue from 'vue'
import Vuex from 'vuex' import Vuex from 'vuex'
import token from "./modules/token";
import { vuexOidcCreateStoreModule } from 'vuex-oidc'; import { vuexOidcCreateStoreModule } from 'vuex-oidc';
import oidcSettings from "../utils/oidcSettings"; import oidcSettings from "../utils/oidcSettings";
...@@ -8,7 +7,6 @@ Vue.use(Vuex) ...@@ -8,7 +7,6 @@ Vue.use(Vuex)
export default new Vuex.Store({ export default new Vuex.Store({
modules: { modules: {
token,
oidc: vuexOidcCreateStoreModule(oidcSettings) 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 @@ ...@@ -25,11 +25,11 @@
<div class="header_content"> <div class="header_content">
<div class="fund"> <div class="fund">
<span>账户余额</span> <span>账户余额</span>
<i>1,000.00</i> <i>{{data.balance}}</i>
</div> </div>
<div class="paid"> <div class="paid">
<span>待付金额</span> <span>待付金额</span>
<i class="paid_color">200.00</i> <i class="paid_color">{{data.toBePayAmount}}</i>
</div> </div>
</div> </div>
<div class="header_info"> <div class="header_info">
...@@ -53,7 +53,7 @@ ...@@ -53,7 +53,7 @@
</div> </div>
<p> <p>
<span>托收金额</span> <span>托收金额</span>
<i>8000.00</i> <i>{{data.hosting}}</i>
</p> </p>
</div> </div>
...@@ -66,11 +66,11 @@ ...@@ -66,11 +66,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>600.00</i> <i>{{data.socical.toPayAmount}}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>600.00</i> <i>{{data.socical.toBePayAmount}}</i>
</p> </p>
</div> </div>
<!--公积金代理--> <!--公积金代理-->
...@@ -81,11 +81,11 @@ ...@@ -81,11 +81,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>600.00</i> <i>{{data.fund.toPayAmount}}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>600.00</i> <i>{{data.fund.toBePayAmount}}</i>
</p> </p>
</div> </div>
<!--个税代理--> <!--个税代理-->
...@@ -96,11 +96,11 @@ ...@@ -96,11 +96,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>600.00</i> <i>{{data.tax.toPayAmount}}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>600.00</i> <i>{{data.tax.toBePayAmount}}</i>
</p> </p>
</div> </div>
<!--服务费--> <!--服务费-->
...@@ -111,11 +111,11 @@ ...@@ -111,11 +111,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>600.00</i> <i>{{data.service.toPayAmount}}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>600.00</i> <i>{{data.service.toBePayAmount}}</i>
</p> </p>
</div> </div>
<!--会员年费--> <!--会员年费-->
...@@ -126,11 +126,11 @@ ...@@ -126,11 +126,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>600.00</i> <i>{{data.annual.toPayAmount}}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>600.00</i> <i>{{data.annual.toBePayAmount}}</i>
</p> </p>
</div> </div>
<!--其他事务办理--> <!--其他事务办理-->
...@@ -141,11 +141,11 @@ ...@@ -141,11 +141,11 @@
</div> </div>
<p> <p>
<span>应付金额</span> <span>应付金额</span>
<i>600.00</i> <i>{{data.other.toPayAmount}}</i>
</p> </p>
<p> <p>
<span>待付金额</span> <span>待付金额</span>
<i>600.00</i> <i>{{data.other.toBePayAmount}}</i>
</p> </p>
</div> </div>
</div> </div>
...@@ -167,7 +167,36 @@ export default { ...@@ -167,7 +167,36 @@ export default {
return { return {
title: "人事服务", title: "人事服务",
month4choose: "2019年11月", 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: { methods: {
......
src/views/test.vue
<template> <template>
<div class="b-container"> <div class="container">
<tab-header :title="title" /> <tab-header :title="title" />
<div v-if="oidcIsAuthenticated"> 已登录，{{oidcUser}} <a @click="signOutOidc">退出</a></div> <div v-if="oidcIsAuthenticated">
<div v-else> 已登录，{{oidcUser}}
<a @click="signOutOidc">退出</a>
</div> </div>
<div v-else></div>
<div class="btn" @click="getOidcUserMy">getOidcUser</div>
<div class="btn" @click="authenticateOidcSilent">authenticateOidcSilent</div>
</div> </div>
</template> </template>
<script> <script>
import { TabHeader } from "@/components"; import { TabHeader } from "@/components";
import { mapGetters, mapActions } from 'vuex' import { mapGetters, mapActions } from "vuex";
import store from "@/store"
export default { export default {
components:{ components: {
TabHeader, TabHeader
}, },
computed: { computed: {
...mapGetters([ ...mapGetters([
'oidcIsAuthenticated', "oidcIsAuthenticated",
'oidcUser', "oidcUser",
'oidcAccessToken', "oidcAccessToken",
'oidcAccessTokenExp', "oidcAccessTokenExp",
'oidcIdToken', "oidcIdToken",
'oidcIdTokenExp', "oidcIdTokenExp",
'oidcAuthenticationIsChecked', "oidcAuthenticationIsChecked",
'oidcError' "oidcError"
]), ]),
hasAccess: function() { hasAccess: function() {
return this.oidcIsAuthenticated || this.$route.meta.isPublic return this.oidcIsAuthenticated || this.$route.meta.isPublic;
} }
}, },
methods: { methods: {
...mapActions([ ...mapActions([
'authenticateOidc', // Authenticates with redirect to sign in if not signed in "authenticateOidc", // Authenticates with redirect to sign in if not signed in
'oidcSignInCallback', // Handles callback from authentication redirect. Has an optional url parameter "oidcSignInCallback", // Handles callback from authentication redirect. Has an optional url parameter
'authenticateOidcSilent', // Authenticates if signed in. No redirect is made if not signed in "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 "getOidcUser", // Get user from oidc-client storage and update it in vuex store. Returns a promise
'signOutOidc', // Signs out user in open id provider "signOutOidc", // Signs out user in open id provider
'removeOidcUser' // Signs out user in vuex and browser storage, but not 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() { data() {
return { return {
...@@ -51,4 +62,11 @@ export default { ...@@ -51,4 +62,11 @@ export default {
</script> </script>
<style> <style>
.btn {
border: 1px goldenrod solid;
border-radius: 5px;
padding: 10px 20px;
width: 100px;
height: 50px;
}
</style> </style>
\ No newline at end of file
vue.config.js
...@@ -116,7 +116,10 @@ module.exports = { ...@@ -116,7 +116,10 @@ module.exports = {
"@components": path.resolve(__dirname, "./src/components/"), "@components": path.resolve(__dirname, "./src/components/"),
"vue$": 'vue/dist/vue.common.js' "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