|
@@ -1,83 +1,85 @@
|
|
// 每个状态管理文件都要引入此方法
|
|
// 每个状态管理文件都要引入此方法
|
|
-import { defineStore } from 'pinia'
|
|
|
|
|
|
+import { defineStore } from 'pinia';
|
|
//引入接口
|
|
//引入接口
|
|
// import { httpPost } from '../request/api'
|
|
// import { httpPost } from '../request/api'
|
|
|
|
|
|
// 官方建议取名遵从 useXXXStore 形式
|
|
// 官方建议取名遵从 useXXXStore 形式
|
|
-// 'home' 为当前store的唯一标识 类似ID
|
|
|
|
|
|
+// 'home' 为当前store的唯一标识 类似ID
|
|
// 取名建议与文件名称一致 便于记忆和管理
|
|
// 取名建议与文件名称一致 便于记忆和管理
|
|
-// pinia舍弃了冗长的mutations属性
|
|
|
|
|
|
+// pinia舍弃了冗长的mutations属性
|
|
// 以下是pinia的一种写法 因与vuex相似 便于学习和记忆
|
|
// 以下是pinia的一种写法 因与vuex相似 便于学习和记忆
|
|
export const useHomeStore = defineStore({
|
|
export const useHomeStore = defineStore({
|
|
- id: 'home',
|
|
|
|
- state: () => {
|
|
|
|
- return {
|
|
|
|
- num: 0,
|
|
|
|
- token: '',
|
|
|
|
- statusList: {
|
|
|
|
- '-1': '全部',
|
|
|
|
- 0: '待接单',
|
|
|
|
- 10: '待检测',
|
|
|
|
- 20: '待报价',
|
|
|
|
- 30: '待确认',
|
|
|
|
- 40: '已取消',
|
|
|
|
- 50: '待备料',
|
|
|
|
- 60: '维修中',
|
|
|
|
- 70: '待测试',
|
|
|
|
- 80: '待支付',
|
|
|
|
- 90: '待回收',
|
|
|
|
- 91: '待回收',
|
|
|
|
- 100: '待发货',
|
|
|
|
- 110: '已完结',//'已发货',
|
|
|
|
- 12: '已完结',//'已评价',
|
|
|
|
- 13: '已完结',//'待评价',
|
|
|
|
- 21: '待跟进',
|
|
|
|
- 22: '维修完成',
|
|
|
|
- 23: '已完结',
|
|
|
|
- 24: '待备料',
|
|
|
|
- 25: '已备料',
|
|
|
|
- 26: '待测试',
|
|
|
|
- 27: '测试完成',
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ id: 'home',
|
|
|
|
+ state: () => {
|
|
|
|
+ return {
|
|
|
|
+ num: 0,
|
|
|
|
+ token: '',
|
|
|
|
+ statusList: {
|
|
|
|
+ '-1': '全部',
|
|
|
|
+ 0: '待接单',
|
|
|
|
+ 10: '待检测',
|
|
|
|
+ 20: '待报价',
|
|
|
|
+ 30: '待确认',
|
|
|
|
+ 40: '已取消',
|
|
|
|
+ 41: 'u8发货',
|
|
|
|
+ 50: '待备料',
|
|
|
|
+ 60: '维修中',
|
|
|
|
+ 70: '待测试',
|
|
|
|
+ 80: '待支付',
|
|
|
|
+ 82: '待支付到账',
|
|
|
|
+ 90: '待回收',
|
|
|
|
+ 91: '待回收',
|
|
|
|
+ 100: '待发货',
|
|
|
|
+ 110: '已完结', //'已发货',
|
|
|
|
+ 12: '已完结', //'已评价',
|
|
|
|
+ 13: '已完结', //'待评价',
|
|
|
|
+ 21: '待跟进',
|
|
|
|
+ 22: '维修完成',
|
|
|
|
+ 23: '已完结',
|
|
|
|
+ 24: '待备料',
|
|
|
|
+ 25: '已备料',
|
|
|
|
+ 26: '待测试',
|
|
|
|
+ 27: '测试完成',
|
|
|
|
+ },
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+ //state也可写成这样
|
|
|
|
+ // state:()=>({
|
|
|
|
+ // num:0
|
|
|
|
+ // }),
|
|
|
|
+ actions: {
|
|
|
|
+ changeNum() {
|
|
|
|
+ //这里可以使用this去拿到state里定义的变量 下面同理
|
|
|
|
+ this.num++;
|
|
},
|
|
},
|
|
- //state也可写成这样
|
|
|
|
- // state:()=>({
|
|
|
|
- // num:0
|
|
|
|
- // }),
|
|
|
|
- actions: {
|
|
|
|
- changeNum() {
|
|
|
|
- //这里可以使用this去拿到state里定义的变量 下面同理
|
|
|
|
- this.num++
|
|
|
|
- },
|
|
|
|
- changeToken() {
|
|
|
|
- // ts 实在学的不咋地 这里就先any了
|
|
|
|
- // httpPost().then((res:any)=>{
|
|
|
|
- // this.token = res.data.data.token
|
|
|
|
- // })
|
|
|
|
- }
|
|
|
|
|
|
+ changeToken() {
|
|
|
|
+ // ts 实在学的不咋地 这里就先any了
|
|
|
|
+ // httpPost().then((res:any)=>{
|
|
|
|
+ // this.token = res.data.data.token
|
|
|
|
+ // })
|
|
},
|
|
},
|
|
- getters: {
|
|
|
|
- // 这里取名不可与state里的变量一致 所以取名getNum
|
|
|
|
- //简写
|
|
|
|
- getNum: state => state.num,
|
|
|
|
- //全写
|
|
|
|
- getStatus:(state)=>{
|
|
|
|
- return state.statusList
|
|
|
|
- },
|
|
|
|
- getToken: state => state.token,
|
|
|
|
|
|
+ },
|
|
|
|
+ getters: {
|
|
|
|
+ // 这里取名不可与state里的变量一致 所以取名getNum
|
|
|
|
+ //简写
|
|
|
|
+ getNum: (state) => state.num,
|
|
|
|
+ //全写
|
|
|
|
+ getStatus: (state) => {
|
|
|
|
+ return state.statusList;
|
|
},
|
|
},
|
|
- //数据持久化配置 这里是当前所有变量都持久化
|
|
|
|
- // persist:true
|
|
|
|
|
|
+ getToken: (state) => state.token,
|
|
|
|
+ },
|
|
|
|
+ //数据持久化配置 这里是当前所有变量都持久化
|
|
|
|
+ // persist:true
|
|
|
|
|
|
- //按需配置数据持久化 这里指定变量num保持持久化
|
|
|
|
- persist: {
|
|
|
|
- //默认名称为当前store唯一标识 这里即home
|
|
|
|
- key: 'storeHomeNum',
|
|
|
|
- //默认localStorage 本地储存
|
|
|
|
- //这里建议临时储存sessionStorage 也可写成window.sessionStorage
|
|
|
|
- storage: sessionStorage,
|
|
|
|
- //默认当前store里的所有变量都持久化
|
|
|
|
- paths: ['num']
|
|
|
|
- }
|
|
|
|
-})
|
|
|
|
|
|
+ //按需配置数据持久化 这里指定变量num保持持久化
|
|
|
|
+ persist: {
|
|
|
|
+ //默认名称为当前store唯一标识 这里即home
|
|
|
|
+ key: 'storeHomeNum',
|
|
|
|
+ //默认localStorage 本地储存
|
|
|
|
+ //这里建议临时储存sessionStorage 也可写成window.sessionStorage
|
|
|
|
+ storage: sessionStorage,
|
|
|
|
+ //默认当前store里的所有变量都持久化
|
|
|
|
+ paths: ['num'],
|
|
|
|
+ },
|
|
|
|
+});
|