Skip to content

M
mes-pad
Commit 7cc15289 authored by 张海景's avatar 张海景
Browse files
Options

update:修改pdf打印方法

parent 1e7d8f9b
Hide whitespace changes
Inline Side-by-side
Showing with 424 additions and 381 deletions
common/http.api.js
View file @ 7cc15289
...@@ -15,6 +15,10 @@ const install = (Vue, vm) => { ...@@ -15,6 +15,10 @@ const install = (Vue, vm) => {
vm.$u.get(config.adminPath + '/mobile/index', params), vm.$u.get(config.adminPath + '/mobile/index', params),
getUserInfo: (params = {}) => getUserInfo: (params = {}) =>
vm.$u.get(config.adminPath + '/mobile/user/getUserInfo', params), vm.$u.get(config.adminPath + '/mobile/user/getUserInfo', params),
getUserPrintInfo: () =>
vm.$u.get(config.adminPath + '/system/print/printer'),
getPrintDown: (params) =>
vm.$u.postJson(config.adminPath + '/common/printDown', params),
login: (params = {}) => login: (params = {}) =>
vm.$u.post(config.adminPath + '/mobile/login/loginByPassword', params), vm.$u.post(config.adminPath + '/mobile/login/loginByPassword', params),
sendCode: (params = {}) => sendCode: (params = {}) =>
...@@ -108,7 +112,7 @@ const install = (Vue, vm) => { ...@@ -108,7 +112,7 @@ const install = (Vue, vm) => {
vm.$u.postJson(config.adminPath + '/mes/qc/ipqc', params), vm.$u.postJson(config.adminPath + '/mes/qc/ipqc', params),
//切换检验单状态 //切换检验单状态
changeState: (params = {}) => changeState: (params = {}) =>
vm.$u.postJson(config.adminPath + '/mes/qc/ipqc/changeState', params), vm.$u.postJson(config.adminPath + '/mes/qc/ipqc/changeState', params),
//根据字典类型查询字典数据信息 //根据字典类型查询字典数据信息
getDicts: (params = {}) => getDicts: (params = {}) =>
vm.$u.get(config.adminPath + '/system/dict/data/type/' + params), vm.$u.get(config.adminPath + '/system/dict/data/type/' + params),
...@@ -151,8 +155,6 @@ const install = (Vue, vm) => { ...@@ -151,8 +155,6 @@ const install = (Vue, vm) => {
config.adminPath + '/mobile/pro/taskissue/getReserveIssueList', config.adminPath + '/mobile/pro/taskissue/getReserveIssueList',
params params
), ),
//人员绑定打印机 //人员绑定打印机
getUserPrint:(params = {}) => getUserPrint:(params = {}) =>
vm.$u.get(config.adminPath + '/system/printerConfig/userList', params), vm.$u.get(config.adminPath + '/system/printerConfig/userList', params),
......
pages/index/index.vue
View file @ 7cc15289
...@@ -2,54 +2,43 @@ ...@@ -2,54 +2,43 @@
<view class="common-container"> <view class="common-container">
<!-- <u-button @click="handleTest">跳转测试</u-button> --> <!-- <u-button @click="handleTest">跳转测试</u-button> -->
<view class="header"> <view class="header">
<image mode="widthFix" class="header-logo" style="width: 100px;margin: 10px auto;display: block;" <image mode="widthFix" class="header-logo" style="width: 100px; margin: 10px auto; display: block" src="/static/logo.png"></image>
src="/static/logo.png"></image>
<TabHeader></TabHeader> <TabHeader></TabHeader>
<view class="setting-body" <view class="setting-body" @click="handleUserTaped">
@click="handleUserTaped">
<u-icon name="list" size="45" class="setting-icon"></u-icon> <u-icon name="list" size="45" class="setting-icon"></u-icon>
{{ this.vuex_user.nickName }} {{ this.vuex_user.nickName }}
</view> </view>
</view> </view>
<view class="common-main"> <view class="common-main">
<ProdReport v-if="tabIndex === 'PRO'"></ProdReport> <ProdReport v-if="tabIndex === 'PRO'"></ProdReport>
<GxContent v-else-if="tabIndex ==='GX'"></GxContent> <GxContent v-else-if="tabIndex === 'GX'"></GxContent>
<QcContent v-else-if="tabIndex ==='QC'"></QcContent> <QcContent v-else-if="tabIndex === 'QC'"></QcContent>
<ProContent v-if="tabIndex === 'DV'"></ProContent> <ProContent v-if="tabIndex === 'DV'"></ProContent>
</view> </view>
<u-modal width="90%" v-model="showWorkstationFlag" :showConfirmButton="false" :showCancelButton="true" <u-modal width="90%" v-model="showWorkstationFlag" :showConfirmButton="false" :showCancelButton="true" title="请选择工作单元" content="操作内容">
title="请选择工作单元" content="操作内容">
<view class="station_list"> <view class="station_list">
<u-empty text="暂无工作单元" mode="list" v-if="workUnitList.length==0" <u-empty text="暂无工作单元" mode="list" v-if="workUnitList.length == 0" style="margin: 0 auto; display: block; height: 360rpx; padding: 100rpx 0"></u-empty>
style="margin: 0 auto;display: block;height: 360rpx;padding: 100rpx 0;"></u-empty>
<template v-else> <template v-else>
<u-card class="station_card" :show-foot="false" :title="'工作单元'+card.workunitCode" <u-card class="station_card" :show-foot="false" :title="'工作单元' + card.workunitCode" v-for="(card, index) in workUnitList">
v-for="(card,index) in workUnitList">
<view class="station_card_text" slot="body"> <view class="station_card_text" slot="body">
{{ '工作单元名称：' + card.workunitName }} {{ '工作单元名称：' + card.workunitName }}
<u-button type="primary" @click="setWorkUnit(card)" <u-button type="primary" @click="setWorkUnit(card)" style="margin-top: 30rpx">选择</u-button>
style="margin-top: 30rpx;">选择
</u-button>
</view> </view>
</u-card> </u-card>
</template> </template>
</view> </view>
</u-modal> </u-modal>
<u-modal v-model="showLogoutMenu" :showConfirmButton=false :showCancelButton="true" width="600px" <u-modal v-model="showLogoutMenu" :showConfirmButton="false" :showCancelButton="true" width="600px" title="请选择操作">
title="请选择操作">
<view class="logoutmenu"> <view class="logoutmenu">
<u-button shape="circle" class="menu_button" @click="" type="primary">更改密码</u-button> <u-button shape="circle" class="menu_button" @click="" type="primary">更改密码</u-button>
<u-button shape="circle" class="menu_button" @click="handleCommand('workunit')" type="warning">切换工作站 <u-button shape="circle" class="menu_button" @click="handleCommand('workunit')" type="warning">切换工作站</u-button>
</u-button> <u-button shape="circle" class="menu_button" @click="handleCommand('print')" type="error">默认打印机</u-button>
<u-button shape="circle" class="menu_button" @click="handleCommand('print')" type="error">默认打印机</u-button>
<u-button shape="circle" class="menu_button" @click="handleCommand('exit')" type="error">退出登录</u-button> <u-button shape="circle" class="menu_button" @click="handleCommand('exit')" type="error">退出登录</u-button>
</view> </view>
</u-modal> </u-modal>
<!-- <u-modal <!-- <u-modal
title="领料申请" title="领料申请"
@confirm="materialRequestSave()" @confirm="materialRequestSave()"
show-cancel-button show-cancel-button
...@@ -92,7 +81,8 @@ ...@@ -92,7 +81,8 @@
<uni-td align="center">{{ line.connectionType }}</uni-td> <uni-td align="center">{{ line.connectionType }}</uni-td>
<uni-td align="center"> <uni-td align="center">
<view class="uni-group"> <view class="uni-group">
<button class="uni-button" size="mini" type="primary" @click="materialRequestFormShow(line)">绑定</button> <button class="uni-button" v-if="line.userPrinterStatus == '1'" size="mini" type="primary">已绑定</button>
<button class="uni-button" v-else size="mini" type="primary" @click="materialRequestFormShow(line)">绑定</button>
</view> </view>
</uni-td> </uni-td>
</uni-tr> </uni-tr>
...@@ -100,223 +90,226 @@ ...@@ -100,223 +90,226 @@
</scroll-view> </scroll-view>
</view> </view>
</u-modal> </u-modal>
</view> </view>
</template> </template>
<script> <script>
import TabHeader from "./TabHeader.vue" import TabHeader from './TabHeader.vue';
import ProContent from "../mes/pro/index.vue" import ProContent from '../mes/pro/index.vue';
import GxContent from "../mes/gx/index.vue" import GxContent from '../mes/gx/index.vue';
import QcContent from "../mes/qc/index.vue" import QcContent from '../mes/qc/index.vue';
import ProdReport from "../mes/prodReport/index.vue" import ProdReport from '../mes/prodReport/index.vue';
import DictData from '@/components/DictData' import DictData from '@/components/DictData';
import UButton from '../../uview-ui/components/u-button/u-button.vue' import UButton from '../../uview-ui/components/u-button/u-button.vue';
export default {
name: 'HomePage',
components: {
TabHeader,
ProContent,
GxContent,
QcContent,
ProdReport,
UButton
},
data() {
return {
tabIndex: 'PRO',
showWorkstationFlag: false,
showPrintFlag: false,
showLogoutMenu: false,
activeProcess: null,
loading: false,
userInfo: {
nickName: '张三',
avatar: require('@/static/images/head.png')
},
materialRequestArrays: [],
processList: [], //工序清单
workstationList: [], //工作站清单
workUnitList: [], //工作站清单
curTaskInfo: {}, //打印机的
screenHeight: 768,
currentFlag: 0
};
},
created() {
uni.$on('switchTab', (indexCode) => {
this.tabIndex = indexCode;
});
uni.$on('changeWorkunit', (indexCode) => {
this.handleCommand('workunit');
});
export default { this.checkWorkstation();
name: 'HomePage', this.getWorkUnitList();
components: { },
TabHeader, destroyed() {
ProContent, uni.$off('switchTab');
GxContent, uni.$off('changeWorkunit');
QcContent, },
ProdReport, methods: {
UButton handleTest() {
uni.navigateTo({
url: '/pages/test/test'
});
}, },
data() { //用户部分点击
return { handleUserTaped() {
console.log('TAPED');
tabIndex: "PRO", // this.$refs.menu_dialog.open();
showWorkstationFlag: false, this.showLogoutMenu = true;
showPrintFlag: false,
showLogoutMenu: false,
activeProcess: null,
loading: false,
userInfo: {
nickName: '张三',
avatar: require("@/static/images/head.png"),
},
materialRequestArrays: [],
processList: [], //工序清单
workstationList: [], //工作站清单
workUnitList:[],//工作站清单
curTaskInfo: {},//打印机的
screenHeight: 768,
currentFlag: 0
}
}, },
created() {
uni.$on('switchTab', (indexCode) => {
this.tabIndex = indexCode;
})
uni.$on('changeWorkunit', (indexCode) => {
this.handleCommand('workunit');
})
this.checkWorkstation(); //检查工作站设置情况
this.getWorkUnitList(); checkWorkstation() {
if (this.vuex_workunit == null) {
this.showWorkstationFlag = true;
this.$u.toast('请设置当前触控屏的工作单元！');
}
}, },
destroyed() { //获取工序清单
uni.$off('switchTab'); getProcessList() {
uni.$off('changeWorkunit'); this.$u.api.getProcessList({}).then((res) => {
if (res.code === 200) {
this.processList = res.data;
this.activeProcess = res.data[0].processCode;
this.getWorkstationList({ index: 0 });
} else {
this.$u.toast('获取工序清单异常' + res.msg);
}
});
}, },
methods: { //获取工作站清单
handleTest() { getWorkstationList(item) {
uni.navigateTo({ this.currentFlag = item.index;
url:'/pages/test/test' this.activeProcess = this.processList[item.index].processCode;
this.$u.api
.getWorkstationList({
processCode: this.activeProcess
}) })
}, .then((res) => {
//用户部分点击
handleUserTaped() {
console.log("TAPED")
// this.$refs.menu_dialog.open();
this.showLogoutMenu = true;
},
//检查工作站设置情况
checkWorkstation() {
if (this.vuex_workunit == null) {
this.showWorkstationFlag = true;
this.$u.toast("请设置当前触控屏的工作单元！");
}
},
//获取工序清单
getProcessList() {
this.$u.api.getProcessList({}).then(res => {
if (res.code === 200) { if (res.code === 200) {
this.processList = res.data; this.workstationList = res.data;
this.activeProcess = res.data[0].processCode;
this.getWorkstationList({index: 0});
} else { } else {
this.$u.toast("获取工序清单异常" + res.msg); this.$u.toast('获取工作站清单异常' + res.msg);
} }
}); });
}, },
//获取工作站清单 getWorkUnitList(item) {
getWorkstationList(item) { this.$u.api.getWorkUnitList({}).then((res) => {
this.currentFlag = item.index; if (res.code === 200) {
this.activeProcess = this.processList[item.index].processCode; this.workUnitList = res.rows;
this.$u.api.getWorkstationList({ } else {
processCode: this.activeProcess this.$u.toast('获取工作单元清单异常' + res.msg);
}).then(res => { }
});
},
//设置当前触控屏的工作站
setWorkUnit(station) {
this.$u.vuex('vuex_workunit', station);
this.showWorkstationFlag = false;
uni.$emit('switchWorkunit', station);
},
materialRequestFormShow(row) {
this.$u.api
.addUserPrint({
userId: this.vuex_user.userId,
userName: this.vuex_user.userName,
nickName: this.vuex_user.nickName,
printerId: row.printerId,
printerName: row.printerName,
printerIp: row.printerIp,
printerPort: row.printerPort,
printerType: row.printerType,
printerPlace: row.printerPlace,
printerModel: row.printerModel,
printerUrl: row.printerUrl,
printerStatus: row.status,
brand: row.brand,
connectionType: row.connectionType,
enableFlag: row.enableFlag
})
.then((res) => {
if (res.code === 200) { if (res.code === 200) {
this.workstationList = res.data; if (res.msg === '操作成功') {
} else { this.$u.toast('绑定成功');
this.$u.toast("获取工作站清单异常" + res.msg); this.$u.api.getUserPrintInfo().then((res) => {
// console.log(res, 'res888')
if (res.code === 200) {
this.$u.vuex('vuex_printerHostUrl', 'http://' + res.data.printerIp + ':' + res.data.printerPort);
this.$u.vuex('vuex_printerName', res.data.printerName);
}
});
this.getPrint();
} else {
this.$u.toast(res.msg);
}
} }
}); });
}, },
getWorkUnitList(item) { handleCommand(command) {
this.$u.api.getWorkUnitList({ if (command === 'exit') {
}).then(res => { this.loading = true;
this.$u.api.logout().then((res) => {
this.loading = false;
if (res.msg) {
this.$u.toast(res.msg);
}
if (res.code === 200) { if (res.code === 200) {
this.workUnitList = res.rows; setTimeout(() => {
} else { DictData.logout();
this.$u.toast("获取工作单元清单异常" + res.msg); uni.reLaunch({
url: '/pages/sys/login/login'
});
}, 500);
} }
}); });
}, } else if (command == 'workunit') {
//设置当前触控屏的工作站 this.showLogoutMenu = false;
setWorkUnit(station) { this.showWorkstationFlag = true;
this.$u.vuex('vuex_workunit', station); } else if (command == 'print') {
this.showWorkstationFlag = false; this.showPrintFlag = true;
uni.$emit('switchWorkunit', station); this.getPrint();
}, }
materialRequestFormShow(row){ },
this.$u.api.addUserPrint({ getPrint() {
userId: this.vuex_user.userId, this.$u.api.getUserPrint().then((res) => {
userName: this.vuex_user.userName, if (res.code == 200) {
nickName: this.vuex_user.nickName, this.materialRequestArrays = res.rows;
printerId: row.printerId, }
printerName: row.printerName, });
printerIp: row.printerIp,
printerPort: row.printerPort,
printerType: row.printerType,
printerPlace: row.printerPlace,
printerModel: row.printerModel,
printerUrl: row.printerUrl,
printerStatus: row.status,
brand: row.brand,
connectionType: row.connectionType,
enableFlag: row.enableFlag,
}).then((res) => {
if (res.code === 200) {
if (res.msg === '操作成功') {
this.$u.toast('绑定成功');
this.getPrint();
} else {
this.$u.toast(res.msg);
}
}
});
},
handleCommand(command) {
if (command === 'exit') {
this.loading = true;
this.$u.api.logout().then(res => {
this.loading = false;
if (res.msg) {
this.$u.toast(res.msg);
}
if (res.code === 200) {
setTimeout(() => {
DictData.logout();
uni.reLaunch({
url: '/pages/sys/login/login'
});
}, 500);
}
})
} else if (command == 'workunit') {
this.showLogoutMenu = false;
this.showWorkstationFlag = true;
}else if(command == 'print'){
this.showPrintFlag =true;
this.getPrint();
}
},
getPrint(){
this.$u.api.getUserPrint().then((res) => {
if(res.code==200){
this.materialRequestArrays=res.rows
}
});
}
},
} }
}
};
</script> </script>
<style> <style>
.common-container { .common-container {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
display: flex; display: flex;
} }
.common-head { .common-head {
height: 40px; height: 40px;
background-color: rgb(3, 26, 60); background-color: rgb(3, 26, 60);
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 15px; padding: 0 15px;
box-sizing: border-box; box-sizing: border-box;
} }
.header { .header {
width: 110px; width: 110px;
background-color: #132138; background-color: #132138;
color: aliceblue; color: aliceblue;
font-size: 25px; font-size: 25px;
font-family: 华文楷体; font-family: 华文楷体;
line-height: 80rpx; line-height: 80rpx;
height: inherit; height: inherit;
.header-logo { .header-logo {
width: 200rpx; width: 200rpx;
...@@ -324,83 +317,82 @@ ...@@ -324,83 +317,82 @@
margin: 40rpx auto; margin: 40rpx auto;
display: block; display: block;
} }
} }
.header .divItem { .header .divItem {
height: 100%; height: 100%;
align-items: center; align-items: center;
} }
.header .workstation {
text-align: center;
flex-grow: 1;
}
.header .workstation { .header .user {
text-align: center; width: 30%;
flex-grow: 1; }
}
.header .user { .header .user .user-icon {
width: 30%; float: right;
} }
.header .user .user-icon { img {
float: right; width: 40px;
} height: 40px;
border-radius: 20px;
margin-left: 10px;
}
img { .header .user .user-text {
width: 40px; float: right;
height: 40px; }
border-radius: 20px;
margin-left: 10px;
}
.header .user .user-text { .logoutmenu {
float: right; width: 100%;
} display: flex;
justify-content: center;
}
.logoutmenu { .menu_button {
width: 100%; width: 100px;
display: flex; margin: 10px;
justify-content: center; }
}
.menu_button { .station_modal {
width: 100px; }
margin: 10px;
}
.station_modal { .station_list {
} display: flex;
flex-wrap: wrap;
}
.station_list { .station_card {
display: flex; width: 250px;
flex-wrap: wrap; height: 150px;
} }
.station_card { .common-main {
width: 250px; flex: 1;
height: 150px; height: 100%;
} padding: 6px 6px 6px 0;
margin: 0;
width: 100%;
overflow: auto;
background-image: linear-gradient(to top right, rgb(19 26 56), rgb(33 64 128));
}
.common-main { .setting-body {
flex: 1; position: absolute;
height: 100%; bottom: 20rpx;
padding: 6px 6px 6px 0; width: 200rpx;
margin: 0; margin: 0 auto;
width: 100%; font-size: 36rpx;
overflow: auto; font-weight: initial;
background-image: linear-gradient(to top right, rgb(19 26 56), rgb(33 64 128)); text-align: center;
}
.setting-body {
position: absolute;
bottom: 20rpx;
width: 200rpx;
margin: 0 auto;
font-size: 36rpx;
font-weight: initial;
text-align: center;
.setting-icon { .setting-icon {
margin: 10rpx 10rpx; margin: 10rpx 10rpx;
} }
} }
</style> </style>
pages/sys/login/login.vue
View file @ 7cc15289
...@@ -83,6 +83,13 @@ ...@@ -83,6 +83,13 @@
this.$u.toast(res.msg); this.$u.toast(res.msg);
} }
if (res.code == '200') { if (res.code == '200') {
this.$u.api.getUserPrintInfo().then(res=> {
// console.log(res, 'res888')
if (res.code === 200) {
this.$u.vuex('vuex_printerHostUrl', 'http://'+ res.data.printerIp +':'+ res.data.printerPort);
this.$u.vuex('vuex_printerName', res.data.printerName);
}
})
setTimeout(() => { setTimeout(() => {
uni.reLaunch({ uni.reLaunch({
url: '/pages/index/index' url: '/pages/index/index'
......
pages/test/test.vue
View file @ 7cc15289
<template> <template>
<view> <view>
<u-button @click="exportPDF">预览pdf</u-button> <u-button @click="exportPDF">预览pdf</u-button>
<u-button @click="handlePrint">打印pdf</u-button> <u-button @click="printPdfSocket">打印pdf</u-button>
</view> </view>
</template> </template>
<script> <script>
import io from '@hyoga/uni-socket.io';
// import { SOCKET_IO_CLIENT, OPTIONS } from '@/uni_modules/bunny-socket-io-client';
import uButton from '../../uview-ui/components/u-button/u-button.vue'; import uButton from '../../uview-ui/components/u-button/u-button.vue';
export default { export default {
components: { uButton }, components: { uButton },
data() { data() {
return { return {
socket: {},
url: 'http://192.168.3.91:8082/static/123.pdf' url: 'http://192.168.3.91:8082/static/123.pdf'
}; };
}, },
created() {
this.socket = io('http://192.168.21.104:17521', {
transports: ['websocket'],
auth: {
token: 'Bearer ' + this.vuex_token // 在此处填入你 client 设置的 token，缺省可留空
}
});
this.socket.on('connect', () => {
globalThis.connect = true;
console.log('连接成功444');
// TODO: Do something for your project
});
this.socket.on('clients', (clients) => {
globalThis.clients = clients;
console.log(clients, 'clients');
});
this.socket.on('printerList', (printerList) => {
globalThis.printerList = printerList;
console.log(printerList, 'printerList');
});
},
methods: { methods: {
handlePrint() { handlePrint() {
console.log(this.socket, 'this.$socket'); console.log(this.socket, 'this.$socket');
......
store/$u.mixin.js
View file @ 7cc15289
import { mapState } from 'vuex' import { mapState } from 'vuex'
import store from "@/store" import store from "@/store"
import io from '@hyoga/uni-socket.io';
// 尝试将用户在根目录中的store/index.js的vuex的state变量，全部加载到全局变量中 // 尝试将用户在根目录中的store/index.js的vuex的state变量，全部加载到全局变量中
let $uStoreKey = []; let $uStoreKey = [];
...@@ -20,8 +21,64 @@ module.exports = { ...@@ -20,8 +21,64 @@ module.exports = {
}) })
} }
}, },
data() {
return {
pdfSocket: null
}
},
computed: { computed: {
// 将vuex的state中的所有变量，解构到全局混入的mixin中 // 将vuex的state中的所有变量，解构到全局混入的mixin中
...mapState($uStoreKey) ...mapState($uStoreKey)
},
methods: {
createSocket() {
this.pdfSocket = io(this.vuex_printerHostUrl, {
transports: ['websocket'],
auth: {
token: 'Bearer ' + this.vuex_token, // 在此处填入你 client 设置的 token，缺省可留空
},
});
this.pdfSocket.on('connect', () => {
globalThis.connect = true;
console.log('连接成功444');
// TODO: Do something for your project
});
this.pdfSocket.on('clients', (clients) => {
globalThis.clients = clients;
console.log(clients, 'clients');
});
this.pdfSocket.on('printerList', (printerList) => {
globalThis.printerList = printerList;
console.log(printerList, 'printerList');
});
},
printPdfSocket() {
console.log(this.pdfSocket, 'pdfSocket')
if (!this.pdfSocket) {
this.createSocket()
}
this.$u.api
.getPrintDown({
reportName: 'mysql:qrcode-100*100',
values: {
detail: [
{
qrcode: 'qqq',
},
],
},
})
.then((res) => {
if (res.code === 200) {
this.pdfSocket.emit('news', {
client: null,
printer: this.vuex_printerName,
type: 'url_pdf',
// pdf_path: 'http://192.168.3.91:8082/static/123.pdf',
pdf_path: res.fileUrl,
});
}
});
}
} }
} }
\ No newline at end of file
store/index.js
View file @ 7cc15289
...@@ -8,92 +8,100 @@ Vue.use(Vuex) ...@@ -8,92 +8,100 @@ Vue.use(Vuex)
let lifeData = {}; let lifeData = {};
try{ try {
// 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的 // 尝试获取本地是否存在lifeData变量，第一次启动APP时是不存在的
lifeData = uni.getStorageSync('lifeData'); lifeData = uni.getStorageSync('lifeData');
}catch(e){ } catch (e) {
} }
// 需要永久存储，且下次APP启动需要取出的，在state中的变量名 // 需要永久存储，且下次APP启动需要取出的，在state中的变量名
let saveStateKeys = ['vuex_user', 'vuex_token', 'vuex_remember', 'vuex_locale','vuex_isAgent','vuex_workstation','vuex_task']; let saveStateKeys = ['vuex_user', 'vuex_token', 'vuex_remember', 'vuex_locale', 'vuex_isAgent', 'vuex_workstation',
'vuex_task', 'vuex_printerHostUrl', 'vuex_printerName'
];
// 保存变量到本地存储中 // 保存变量到本地存储中
const saveLifeData = function(key, value){ const saveLifeData = function(key, value) {
// 判断变量名是否在需要存储的数组中 // 判断变量名是否在需要存储的数组中
if(saveStateKeys.indexOf(key) != -1) { if (saveStateKeys.indexOf(key) != -1) {
// 获取本地存储的lifeData对象，将变量添加到对象中 // 获取本地存储的lifeData对象，将变量添加到对象中
let tmp = uni.getStorageSync('lifeData'); let tmp = uni.getStorageSync('lifeData');
// 第一次打开APP，不存在lifeData变量，故放一个{}空对象 // 第一次打开APP，不存在lifeData变量，故放一个{}空对象
tmp = tmp ? tmp : {}; tmp = tmp ? tmp : {};
tmp[key] = value; tmp[key] = value;
// 执行这一步后，所有需要存储的变量，都挂载在本地的lifeData对象中 // 执行这一步后，所有需要存储的变量，都挂载在本地的lifeData对象中
uni.setStorageSync('lifeData', tmp); uni.setStorageSync('lifeData', tmp);
} }
} }
// 简化 vuex 操作，文档：https://uviewui.com/components/vuexDetail.html // 简化 vuex 操作，文档：https://uviewui.com/components/vuexDetail.html
const store = new Vuex.Store({ const store = new Vuex.Store({
state: { state: {
// 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量 // 如果上面从本地获取的lifeData对象下有对应的属性，就赋值给state中对应的变量
// 加上vuex_前缀，是防止变量名冲突，也让人一目了然 // 加上vuex_前缀，是防止变量名冲突，也让人一目了然
vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {userName: 'Aidex'}, vuex_user: lifeData.vuex_user ? lifeData.vuex_user : {
vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '', userName: 'Aidex'
vuex_remember: lifeData.vuex_remember ? lifeData.vuex_remember : '', },
vuex_locale: lifeData.vuex_locale ? lifeData.vuex_locale : '', vuex_token: lifeData.vuex_token ? lifeData.vuex_token : '',
vuex_isAgent: lifeData.vuex_isAgent ? lifeData.vuex_isAgent : '', vuex_remember: lifeData.vuex_remember ? lifeData.vuex_remember : '',
vuex_locale: lifeData.vuex_locale ? lifeData.vuex_locale : '',
vuex_isAgent: lifeData.vuex_isAgent ? lifeData.vuex_isAgent : '',
// 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式 // 如果vuex_version无需保存到本地永久存储，无需lifeData.vuex_version方式
vuex_config: config, vuex_config: config,
//当前设备绑定的工作站 //当前设备绑定的工作站
vuex_workstation: null, vuex_workstation: null,
vuex_workunit: null, vuex_workunit: null,
//当前工作站正在进行的生产任务 //当前工作站正在进行的生产任务
vuex_task: null, vuex_task: null,
// 打印机服务器地址
vuex_printerHostUrl: lifeData.vuex_printerHostUrl ? lifeData.vuex_printerHostUrl : '',
// 打印机名称s
vuex_printerName: lifeData.vuex_printerName ? lifeData.vuex_printerName : '',
// 自定义tabbar数据 // 自定义tabbar数据
// vuex_tabbar: [{ // vuex_tabbar: [{
// iconPath: "/static/uview/example/component.png", // iconPath: "/static/uview/example/component.png",
// selectedIconPath: "/static/uview/example/component_select.png", // selectedIconPath: "/static/uview/example/component_select.png",
// text: '组件', // text: '组件',
// pagePath: '/pages/example/components' // pagePath: '/pages/example/components'
// }, // },
// { // {
// iconPath: "/static/uview/example/js.png", // iconPath: "/static/uview/example/js.png",
// selectedIconPath: "/static/uview/example/js_select.png", // selectedIconPath: "/static/uview/example/js_select.png",
// text: '工具', // text: '工具',
// midButton: true, // midButton: true,
// pagePath: '/pages/example/js' // pagePath: '/pages/example/js'
// }, // },
// { // {
// iconPath: "/static/uview/example/template.png", // iconPath: "/static/uview/example/template.png",
// selectedIconPath: "/static/uview/example/template_select.png", // selectedIconPath: "/static/uview/example/template_select.png",
// text: '模板', // text: '模板',
// pagePath: '/pages/example/template' // pagePath: '/pages/example/template'
// } // }
// ] // ]
}, },
mutations: { mutations: {
$uStore(state, payload) { $uStore(state, payload) {
// 判断是否多层级调用，state中为对象存在的情况，诸如user.info.score = 1 // 判断是否多层级调用，state中为对象存在的情况，诸如user.info.score = 1
let nameArr = payload.name.split('.'); let nameArr = payload.name.split('.');
let saveKey = ''; let saveKey = '';
let len = nameArr.length; let len = nameArr.length;
if(len >= 2) { if (len >= 2) {
let obj = state[nameArr[0]]; let obj = state[nameArr[0]];
for(let i = 1; i < len - 1; i ++) { for (let i = 1; i < len - 1; i++) {
obj = obj[nameArr[i]]; obj = obj[nameArr[i]];
} }
obj[nameArr[len - 1]] = payload.value; obj[nameArr[len - 1]] = payload.value;
saveKey = nameArr[0]; saveKey = nameArr[0];
} else { } else {
// 单层级变量，在state就是一个普通变量的情况 // 单层级变量，在state就是一个普通变量的情况
state[payload.name] = payload.value; state[payload.name] = payload.value;
saveKey = payload.name; saveKey = payload.name;
} }
// 保存变量到本地，见顶部函数定义 // 保存变量到本地，见顶部函数定义
saveLifeData(saveKey, state[saveKey]) saveLifeData(saveKey, state[saveKey])
} }
} }
}) })
export default store export default store
\ No newline at end of file
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 to comment