xunyingcloud/totustec-unipp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加详情信息

Browse Source
This commit is contained in:
18796357645 2025-07-16 10:06:24 +08:00
parent e505a0ab47
commit 5137974b5c
9 changed files with 536 additions and 376 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
App.vue
View File

@ -1,4 +1,8 @@
<script> <script>
import {
BASE_API_URL,
BASE_IMG_URL
} from "@/config.js";
export default { export default {
onLaunch: function () { onLaunch: function () {
console.log("App Launch"); console.log("App Launch");
@ -20,7 +24,7 @@ export default {
async loginWithPhoneNumber (code) { async loginWithPhoneNumber (code) {
try { try {
const res = await uni.request({ const res = await uni.request({
url: "https://online.totustec.com/api/api/front/wechat/authorize/login", url: BASE_API_URL + "/api/front/wechat/authorize/login",
method: "POST", method: "POST",
data: { code }, data: { code },
header: { header: {

1
config.js
View File

@ -2,6 +2,7 @@
// 后端接口 // 后端接口
export const BASE_API_URL = "https://online.totustec.com/api"; export const BASE_API_URL = "https://online.totustec.com/api";
// 静态数据 // 静态数据
export const BASE_IMG_URL = "https://online.totustec.com/upload"; export const BASE_IMG_URL = "https://online.totustec.com/upload";

9
pages/device/index.vue
View File

@ -81,6 +81,11 @@
</template> </template>
<script> <script>
import {
BASE_API_URL,
BASE_STOKECT_URL,
BASE_IMG_URL
} from "@/config.js";
export default { export default {
data () { data () {
return { return {
@ -118,7 +123,7 @@ export default {
methods: { methods: {
// ---------------------- WebSocket 核心方法 ---------------------- // ---------------------- WebSocket 核心方法 ----------------------
connectWebSocket () { connectWebSocket () {
const wsUrl = 'ws://online.totustec.com/webSocket/vue'; const wsUrl = BASE_STOKECT_URL;
// 初始化 WebSocket 连接（使用 uni-app 接口） // 初始化 WebSocket 连接（使用 uni-app 接口）
this.socketTask = uni.connectSocket({ this.socketTask = uni.connectSocket({
url: wsUrl, url: wsUrl,
@ -189,7 +194,7 @@ export default {
// 从本地缓存获取用户信息 // 从本地缓存获取用户信息
const userInfo = uni.getStorageSync("userInfo") || {}; const userInfo = uni.getStorageSync("userInfo") || {};
const res = await uni.request({ const res = await uni.request({
url: "https://online.totustec.com/api/api/front/user/myDevice", url: BASE_API_URL + "/api/front/user/myDevice",
method: "GET", method: "GET",
data: this.searchList, data: this.searchList,
header: { header: {

6
pages/deviceBind/index.vue
View File

@ -54,6 +54,10 @@
</template> </template>
<script> <script>
import {
BASE_API_URL,
BASE_IMG_URL
} from "@/config.js";
export default { export default {
data () { data () {
return { return {
@ -106,7 +110,7 @@ export default {
async bindDevice () { async bindDevice () {
try { try {
const res = await uni.request({ const res = await uni.request({
url: `https://online.totustec.com/api/api/front/device/bindingDevice`, url: BASE_API_URL + '/api/front/device/bindingDevice',
method: "GET", method: "GET",
data: { data: {
deviceCode: this.deviceCode deviceCode: this.deviceCode

209
pages/deviceManage/index.vue
View File

@ -5,8 +5,7 @@
<view class="top_nav_warp"> <view class="top_nav_warp">
<view>设备管理</view> <view>设备管理</view>
<view class="back_button_warp" @click="goBack()"> <view class="back_button_warp" @click="goBack()">
<image class="back_button_icon" <image class="back_button_icon" src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image>
src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image>
</view> </view>
</view> </view>
</view> </view>
@ -20,17 +19,30 @@
@click="getVideoImg('video')"> @click="getVideoImg('video')">
获取视频 获取视频
</view> </view>
<view class="select_device_item" :class="{ device_active: getType == 'img' }" <view class="select_device_item" :class="{ device_active: getType == 'img' }" @click="getVideoImg('img')">
@click="getVideoImg('img')">
获取图片 获取图片
</view> </view>
</view> </view>
</view> </view>
<!-- 临时调试 --> <!-- 临时调试 -->
<!-- <video class="img_video_warp" src="http://broadcasting.totustec.com/live/12345678.m3u8" v-if="socketData.videoUrl"></video> -->
<video class="img_video_warp" :src="socketData.videoUrl" v-if="socketData.videoUrl"></video> <!-- <video class="img_video_warp" :src="socketData.videoUrl" v-if="socketData.videoUrl"></video>
<image class="img_video_warp" v-else :src="socketData.imageUrl"></image> <image class="img_video_warp" v-else :src="socketData.imageUrl"></image> -->
<!-- 视频、图片区域（含加载动画） -->
<view class="media_container">
<!-- 加载动画（转圈效果） -->
<view class="loading_spinner" v-if="isMediaLoading">
<view class="spinner"></view>
</view>
<!-- 媒体内容 -->
<video class="img_video_warp" :src="socketData.videoUrl" v-if="socketData.videoUrl"
@loadedmetadata="isMediaLoading = false" @error="isMediaLoading = false"></video>
<image class="img_video_warp" v-else :src="socketData.imageUrl" @load="isMediaLoading = false"
@error="isMediaLoading = false"></image>
</view>
<!-- 设备状态选择 --> <!-- 设备状态选择 -->
<view class="select_device_warp"> <view class="select_device_warp">
@ -79,32 +91,30 @@
</view> </view>
</template> </template>
<!-- 子状态处理 --> <!-- 子状态处理 -->
<template v-else-if="field.isErrorStatus"> <template v-else-if="field.isErrorStatus">
<view class="label_warp2"> <view class="label_warp2">
<view class="label_icon" :style="{ background: getStatusColor(deviceDetail.errorStatus) }"> <view class="label_icon" :style="{ background: getStatusColor(deviceDetail.printStatus) }">
</view> </view>
<view class="label_text label_text2" :style="{ color: getStatusColor(deviceDetail.errorStatus) }"> <view class="label_text label_text2" :style="{ color: getStatusColor(deviceDetail.printStatus) }">
{{ getStatusText(deviceDetail.errorStatus) }} {{ getStatusText2(deviceDetail.printStatus) }}
</view> </view>
</view> </view>
</template> </template>
<!-- 错误码处理 --> <!-- 错误码处理 -->
<template v-else-if="field.isErrorCode"> <template v-else-if="field.isErrorCode">
{{ deviceDetail.errorStatus === -1 ? '断开' : getStatusText(deviceDetail.errorStatus) }} {{ deviceDetail.errorStatus === -1 ? '断开' : getStatusText(deviceDetail.errorStatus) }}
</template> </template>
<!-- 当前时间特殊处理 --> <!-- 当前时间特殊处理 -->
<template v-else-if="field.isCurrentTime"> <template v-else-if="field.isCurrentTime">
{{ getCurrentTime() }} {{ getCurrentTime() }}
</template> </template>
<template v-else>
{{ deviceDetail[field.key] }}
</template>
</view> </view>
</view> </view>
<view class="itemContent_line_warp"> <view class="itemContent_line_warp">
@ -114,7 +124,7 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 打印详情 -->
<view class="device_status_item" v-for="(field, idx) in statusTwoFields" :key="idx"> <view class="device_status_item" v-for="(field, idx) in statusTwoFields" :key="idx">
<view class="statusItem_modal_warp"> <view class="statusItem_modal_warp">
<view class="item_content_warp"> <view class="item_content_warp">
@ -131,6 +141,7 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 设备控制 --> <!-- 设备控制 -->
<view class="device_control_warp" v-if="deviceType == 3"> <view class="device_control_warp" v-if="deviceType == 3">
<view class="deviceN_input_warp"> <view class="deviceN_input_warp">
@ -148,12 +159,11 @@
<view class="device_operation_warp"> <view class="device_operation_warp">
<view class="device_operation_btn" @click="operationData('PRINT')" :style="{ <view class="device_operation_btn" @click="operationData('PRINT')" :style="{
backgroundColor: backgroundColor:
deviceDetail.status == 0 && deviceDetail.status != -1 deviceDetail.status == 0
? '#ffffff' ? '#ffffff'
: '#cccccc', : '#cccccc',
}"> }">
<image class="operation_btn_icon" <image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status1.png">
src="https://online.totustec.com/upload/deviceManage/print_status1.png">
</image> </image>
<view class="operation_btn_txt">开始打印</view> <view class="operation_btn_txt">开始打印</view>
</view> </view>
@ -166,8 +176,8 @@
? '#ffffff' ? '#ffffff'
: '#cccccc', : '#cccccc',
}"> }">
<image class="operation_btn_icon" <image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status1.png">
src="https://online.totustec.com/upload/deviceManage/print_status1.png"></image> </image>
<view class="operation_btn_txt">继续打印</view> <view class="operation_btn_txt">继续打印</view>
</view> </view>
</view> </view>
@ -175,38 +185,35 @@
<view class="device_operation_warp"> <view class="device_operation_warp">
<view class="device_operation_btn" @click="operationData('PAUSE')" :style="{ <view class="device_operation_btn" @click="operationData('PAUSE')" :style="{
backgroundColor: backgroundColor:
(deviceDetail.status == 1 || deviceDetail.status == 2) && deviceDetail.status != -1 deviceDetail.status == 1 || deviceDetail.status == 2
? '#ffffff' ? '#ffffff'
: '#cccccc', : '#cccccc',
}"> }">
<image class="operation_btn_icon" <!-- <image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status1.png">
src="https://online.totustec.com/upload/deviceManage/print_status1.png"> </image> -->
<image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status1.png">
</image> </image>
<view class="operation_btn_txt">暂停打印</view> <view class="operation_btn_txt">暂停打印</view>
</view> </view>
<view class="device_operation_btn" @click="operationData('EXIT')" :style="{ <view class="device_operation_btn" @click="operationData('EXIT')" :style="{
backgroundColor: backgroundColor:
deviceDetail.status != 0 && deviceDetail.status != -1 deviceDetail.status != 0 && deviceDetail.status != -1 ? '#ffffff' : '#cccccc',
? '#ffffff'
: '#cccccc',
}"> }">
<image class="operation_btn_icon" <image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status1.png">
src="https://online.totustec.com/upload/deviceManage/print_status1.png"></image> </image>
<view class="operation_btn_txt">退出打印</view> <view class="operation_btn_txt">退出打印</view>
</view> </view>
</view> </view>
<view class="device_operation_warp"> <view class="device_operation_warp">
<view class="device_operation_btn" @click="sendWsCommand('ALARM_CONTINUE')"> <view class="device_operation_btn" @click="sendWsCommand('ALARM_CONTINUE')">
<image class="operation_btn_icon" <image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status2.png">
src="https://online.totustec.com/upload/deviceManage/print_status2.png">
</image> </image>
<view class="operation_btn_txt">报警继续</view> <view class="operation_btn_txt">报警继续</view>
</view> </view>
<view class="device_operation_btn" @click="sendWsCommand('ALARM_EXIT')"> <view class="device_operation_btn" @click="sendWsCommand('ALARM_EXIT')">
<image class="operation_btn_icon" <image class="operation_btn_icon" src="https://online.totustec.com/upload/deviceManage/print_status2.png">
src="https://online.totustec.com/upload/deviceManage/print_status2.png">
</image> </image>
<view class="operation_btn_txt">报警退出</view> <view class="operation_btn_txt">报警退出</view>
</view> </view>
@ -218,12 +225,13 @@
</template> </template>
<script> <script>
import { import {
BASE_STOKECT_URL, BASE_IMG_URL BASE_STOKECT_URL, BASE_IMG_URL, BASE_API_URL
} from "@/config.js"; } from "@/config.js";
export default { export default {
data () { data () {
return { return {
isMediaLoading: false,
deviceName: "", deviceName: "",
title: "Hello", title: "Hello",
statusBarHeight: 0, statusBarHeight: 0,
@ -232,6 +240,61 @@ export default {
deviceCode: "", // 存储接收到的设备编码 deviceCode: "", // 存储接收到的设备编码
deviceDetail: {}, // 存储设备详情数据 deviceDetail: {}, // 存储设备详情数据
printInfo: {},//存储设备二级详情数据 printInfo: {},//存储设备二级详情数据
// 子状态
childStatusMap: {
0: {
text: "空闲",
color: "#00d195"
},
1: {
text: "归零中",
color: "#00d195"
},
2: {
text: "下降中",
color: "#00d195"
},
3: {
text: "曝光中",
color: "#00d195"
},
4: {
text: "抬升中",
color: "#00d195"
},
5: {
text: "正在执行暂停动作中",
color: "#00d195"
},
6: {
text: "已暂停",
color: "#00d195"
},
7: {
text: "正在执行停止动作中",
color: "#00d195"
},
8: {
text: "已停止",
color: "#00d195"
},
9: {
text: "打印完成",
color: "#00d195"
},
10: {
text: "文件检测中",
color: "#00d195"
},
11: {
text: "加液中",
color: "#00d195"
},
12: {
text: "铲件中",
color: "#00d195"
},
},
statusMap: { statusMap: {
0: { 0: {
text: "正常", text: "正常",
@ -284,7 +347,7 @@ export default {
{ {
label: '错误码', label: '错误码',
key: 'errorStatus', key: 'errorStatus',
isErrorCode: true isErrorCode: true,
}, },
{ {
@ -417,6 +480,7 @@ export default {
} }
// INFO 返回视频/图片地址 // INFO 返回视频/图片地址
if (message.msgType == "INFO") { if (message.msgType == "INFO") {
this.isMediaLoading = true;
this.socketData = message.data; this.socketData = message.data;
if (this.socketData.imageUrl) { if (this.socketData.imageUrl) {
this.socketData.imageUrl = this.socketData.imageUrl =
@ -518,6 +582,7 @@ export default {
} }
}, },
getVideoImg (type) { getVideoImg (type) {
this.isMediaLoading = true;
if (type == "img") { if (type == "img") {
this.getType = "img"; this.getType = "img";
this.sendWsCommand("IMAGE"); this.sendWsCommand("IMAGE");
@ -533,12 +598,18 @@ export default {
} }
return this.statusMap[status]?.text || ""; return this.statusMap[status]?.text || "";
}, },
getStatusText2 (status) {
if (status == -1) {
return "断开";
}
return this.childStatusMap[status]?.text || "";
},
// 获取状态颜色 // 获取状态颜色
getStatusColor (status) { getStatusColor (status) {
if (status == -1) { if (status == -1) {
return "#999999"; return "#999999";
} }
return this.statusMap[status]?.color; // 默认灰色 return this.childStatusMap[status]?.color; // 默认灰色
}, },
getCurrentTime () { getCurrentTime () {
const date = new Date(); const date = new Date();
@ -556,7 +627,7 @@ export default {
async getDeviceDetail () { async getDeviceDetail () {
try { try {
const res = await uni.request({ const res = await uni.request({
url: `https://online.totustec.com/api/api/front/device/get`, url: BASE_API_URL + '/api/front/device/get',
method: "GET", method: "GET",
data: { data: {
deviceCode: this.deviceCode, deviceCode: this.deviceCode,
@ -571,7 +642,24 @@ export default {
this.deviceDetail = res.data; this.deviceDetail = res.data;
this.printInfo = res.data.printInfo; this.printInfo = res.data.printInfo;
console.log("设备详情:", this.deviceDetail); console.log("设备详情:", this.deviceDetail);
//判断状态是否为断开
// 判断状态是否为断开
if (res.data.status == -1) {
uni.showToast({
title: '设备处于断开状态，暂不支持查看',
icon: 'none',
duration: 2000, // 提示显示时长
complete: () => {
// 提示显示完成后跳转
setTimeout(() => {
uni.reLaunch({
url: '/pages/index/index'
});
}, 1500); // 稍微延迟一点确保用户看到提示
}
});
return;
}
} }
} catch (error) { } catch (error) {
console.error("获取设备详情失败:", error); console.error("获取设备详情失败:", error);
@ -590,6 +678,51 @@ export default {
</script> </script>
<!-- 临时样式 --> <!-- 临时样式 -->
<style scoped> <style scoped>
/* 媒体容器（相对定位，用于加载动画绝对定位） */
.media_container {
position: relative;
width: 100%;
margin: 22rpx 0 32rpx 0;
}
/* 加载动画容器 */
.loading_spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
/* 与媒体区域背景一致 */
border-radius: 20rpx;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
/* 确保在媒体上层显示 */
}
/* 转圈动画元素 */
.spinner {
width: 60rpx;
height: 60rpx;
border: 6rpx solid rgba(255, 255, 255, 0.3);
border-top-color: #ffffff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
/* 旋转动画定义 */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.operation_btn_icon { .operation_btn_icon {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;

8
pages/index/index.vue
View File

@ -279,6 +279,10 @@
</template> </template>
<script> <script>
import {
BASE_STOKECT_URL, BASE_IMG_URL, BASE_API_URL
} from "@/config.js";
export default { export default {
data () { data () {
return { return {
@ -334,7 +338,7 @@ export default {
methods: { methods: {
// ---------------------- WebSocket 核心方法 ---------------------- // ---------------------- WebSocket 核心方法 ----------------------
connectWebSocket () { connectWebSocket () {
const wsUrl = 'ws://online.totustec.com/webSocket/vue'; const wsUrl = BASE_STOKECT_URL;
// 初始化 WebSocket 连接（使用 uni-app 接口） // 初始化 WebSocket 连接（使用 uni-app 接口）
this.socketTask = uni.connectSocket({ this.socketTask = uni.connectSocket({
@ -413,7 +417,7 @@ export default {
// 从本地缓存获取用户信息 // 从本地缓存获取用户信息
const userInfo = uni.getStorageSync("userInfo") || {}; const userInfo = uni.getStorageSync("userInfo") || {};
const res = await uni.request({ const res = await uni.request({
url: "https://online.totustec.com/api/api/front/user/myDevice", url: BASE_API_URL + "/api/front/user/myDevice",
method: "GET", method: "GET",
data: this.searchList, data: this.searchList,
header: { header: {

48
pages/mine/index.vue
View File

@ -6,12 +6,10 @@
<view class="mine_area_warp"> <view class="mine_area_warp">
<view class="mimicry" @click="navigateToAccountSettings('/pages/mine/update')"> <view class="mimicry" @click="navigateToAccountSettings('/pages/mine/update')">
<view class="mine_area_left"> <view class="mine_area_left">
<image class="mine_avater" :src="'https://online.totustec.com/upload' + userInfo.avatar"></image> <image class="mine_avater" :src="avatarFun()"></image>
<!-- <view class="mine_avater"></view> --> <!-- <view class="mine_avater"></view> -->
<view class="mine_info_warp"> <view class="mine_info_warp">
<view class="mine_info_txt1" v-if="userInfo.nikeName">{{ <view class="mine_info_txt1" v-if="userInfo.token">{{userInfo.nikeName || '暂无昵称' }}</view>
userInfo.nikeName
}}</view>
<view class="mine_info_txt1" @click="getLoginCode()" v-else>登录</view> <view class="mine_info_txt1" @click="getLoginCode()" v-else>登录</view>
<view class="mine_info_txt2">账户设置</view> <view class="mine_info_txt2">账户设置</view>
</view> </view>
@ -19,12 +17,10 @@
<image class="mine_area_right" src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image> <image class="mine_area_right" src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image>
</view> </view>
</view> </view>
<view class="top_area_backimg"> <view class="top_area_backimg">
<image class="bg-image" src="https://online.totustec.com/upload/minePage/top_area_warp.png"></image> <image class="bg-image" src="https://online.totustec.com/upload/minePage/top_area_warp.png"></image>
</view> </view>
</view> </view>
<view class="function_area1_warp"> <view class="function_area1_warp">
<view style="padding: 0 20rpx"> <view style="padding: 0 20rpx">
<view class="function_area1_content"> <view class="function_area1_content">
@ -51,15 +47,17 @@
<image class="area2_item_right" src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image> <image class="area2_item_right" src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image>
</view> --> </view> -->
<view class="function_area2_item" style="border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx;"> <!-- <view class="function_area2_item" style="border-bottom-left-radius: 20rpx; border-bottom-right-radius: 20rpx;">
<view class="area2_item_left"> <view class="area2_item_left">
<image class="area2_item_icon1" src="https://online.totustec.com/upload/minePage/area2_item_icon2.png"></image> <image class="area2_item_icon1" src="https://online.totustec.com/upload/minePage/area2_item_icon2.png">
</image>
<view class="area2_item_txt">分享小程序</view> <view class="area2_item_txt">分享小程序</view>
</view> </view>
<button open-type="share" class="area2_item_right_btn"> <button open-type="share" class="area2_item_right_btn">
<image class="area2_item_right" src="https://online.totustec.com/upload/minePage/mine_area_right.png"></image> <image class="area2_item_right" src="https://online.totustec.com/upload/minePage/mine_area_right.png">
</image>
</button> </button>
</view> </view> -->
</view> </view>
</view> </view>
@ -68,6 +66,10 @@
</template> </template>
<script> <script>
import {
BASE_API_URL,
BASE_IMG_URL
} from "@/config.js";
export default { export default {
data () { data () {
return { return {
@ -87,27 +89,34 @@ export default {
// text: "我的收藏", // text: "我的收藏",
// }, // },
], ],
userInfo: { userInfo: {},
}, avatarUrl: BASE_IMG_URL + "/file/image/",
user: BASE_IMG_URL + "/minePage/user.png", //用户默认图标
}; };
},
computed: {
}, },
onLoad () { onLoad () {
const systemInfo = wx.getSystemInfoSync(); const systemInfo = wx.getSystemInfoSync();
const { const {
statusBarHeight, // 状态栏高度（单位：px） statusBarHeight, // 状态栏高度（单位：px）
} = systemInfo; } = systemInfo;
this.statusBarHeight = statusBarHeight; this.statusBarHeight = statusBarHeight;
// 页面加载时获取缓存用户信息 // 页面加载时获取缓存用户信息
this.getUserInfoFromCache(); this.getUserInfoFromCache();
}, },
methods: { methods: {
avatarFun() {
if (this.userInfo.avatar) {
return this.avatarUrl + this.userInfo.avatar;
}
else {
return this.user
}
},
getUserInfoFromCache () { getUserInfoFromCache () {
const userInfo = uni.getStorageSync("userInfo"); const userInfo = uni.getStorageSync("userInfo");
console.log('userInfo',userInfo);
if (userInfo) { if (userInfo) {
this.userInfo = userInfo; this.userInfo = userInfo;
} }
@ -119,7 +128,6 @@ export default {
}); });
} }
}, },
navigateToAccountSettings (path) { navigateToAccountSettings (path) {
uni.navigateTo({ uni.navigateTo({
url: path, url: path,
@ -137,7 +145,7 @@ export default {
async loginWithPhoneNumber (code) { async loginWithPhoneNumber (code) {
try { try {
const res = await uni.request({ const res = await uni.request({
url: "https://online.totustec.com/api/api/front/wechat/authorize/login", url: BASE_API_URL + "/api/front/wechat/authorize/login",
method: "POST", method: "POST",
data: { code }, data: { code },
header: { header: {
@ -146,7 +154,7 @@ export default {
}); });
if (res.statusCode == 200) { if (res.statusCode == 200) {
this.userInfo = res.data; this.userInfo = res.data;
console.log('this.userInfo', this.userInfo); // console.log('this.userInfo', this.userInfo);
// 存储用户信息到本地缓存（uni-app接口） // 存储用户信息到本地缓存（uni-app接口）
uni.setStorageSync("userInfo", this.userInfo); uni.setStorageSync("userInfo", this.userInfo);
uni.showToast({ title: "登录成功" }); uni.showToast({ title: "登录成功" });

26
pages/mine/update.vue
View File

@ -17,7 +17,7 @@
<view class="profile_item"> <view class="profile_item">
<text class="item_label">头像</text> <text class="item_label">头像</text>
<view class="avatar_wrapper" @click="changeAvatar"> <view class="avatar_wrapper" @click="changeAvatar">
<image class="avatar" :src="userInfo.avatar || user" mode="aspectFill"></image> <image class="avatar" :src="avatarFun()" mode="aspectFill"></image>
</view> </view>
</view> </view>
@ -38,11 +38,13 @@
BASE_API_URL, BASE_API_URL,
BASE_IMG_URL BASE_IMG_URL
} from "@/config.js"; } from "@/config.js";
export default { export default {
data() { data() {
return { return {
back: BASE_IMG_URL + "/minePage/back.png", //返回图标 back: BASE_IMG_URL + "/minePage/back.png", //返回图标
user: BASE_IMG_URL + "/minePage/user.png", //用户默认图标 user: BASE_IMG_URL + "/minePage/user.png", //用户默认图标
avatarUrl: BASE_IMG_URL + "/file/image/",
statusBarHeight: 0, statusBarHeight: 0,
userInfo: { userInfo: {
nikename: "", nikename: "",
@ -58,16 +60,18 @@
this.getUserInfoFromCache(); this.getUserInfoFromCache();
}, },
methods: { methods: {
navigateToAccountSettings(path) { avatarFun() {
uni.navigateTo({ if (this.userInfo.avatar) {
url: path, return this.avatarUrl + this.userInfo.avatar;
}); } else {
return this.user
}
}, },
getUserInfoFromCache() { getUserInfoFromCache() {
const userInfo = uni.getStorageSync("userInfo"); const userInfo = uni.getStorageSync("userInfo");
if (userInfo) { if (userInfo) {
this.userInfo.nikename = userInfo.nikeName; this.userInfo.nikename = userInfo.nikeName;
this.userInfo.avatar = BASE_IMG_URL + userInfo.avatar; this.userInfo.avatar = userInfo.avatar;
} }
}, },
changeAvatar() { changeAvatar() {
@ -79,17 +83,13 @@
const tempFilePath = res.tempFilePaths[0]; const tempFilePath = res.tempFilePaths[0];
const userInfo = uni.getStorageSync("userInfo") || {}; const userInfo = uni.getStorageSync("userInfo") || {};
uni.uploadFile({ uni.uploadFile({
url: "https://online.totustec.com/api/api/front/user/pictures", url: BASE_API_URL + "/api/front/user/pictures",
filePath: tempFilePath, filePath: tempFilePath,
name: "file", name: "file",
header: { header: {"Authorization": userInfo.token || ""},
"Authorization": userInfo.token || ""
},
success: (uploadRes) => { success: (uploadRes) => {
console.log(uploadRes) console.log(uploadRes)
this.userInfo.avatar = this.userInfo.avatar = uploadRes.data;
"https://online.totustec.com/upload/file/image/" + uploadRes
.data;
uni.showToast({ uni.showToast({
title: "头像上传成功" title: "头像上传成功"
}); });

13
pages/selectDevice/index.vue
View File

@ -37,6 +37,11 @@
</template> </template>
<script> <script>
import {
BASE_API_URL,
BASE_STOKECT_URL,
BASE_IMG_URL
} from "@/config.js";
export default { export default {
data () { data () {
return { return {
@ -76,7 +81,7 @@ export default {
methods: { methods: {
// ---------------------- WebSocket 核心方法 ---------------------- // ---------------------- WebSocket 核心方法 ----------------------
connectWebSocket () { connectWebSocket () {
const wsUrl = 'ws://online.totustec.com/webSocket/vue'; const wsUrl = BASE_STOKECT_URL;
// 初始化 WebSocket 连接（使用 uni-app 接口） // 初始化 WebSocket 连接（使用 uni-app 接口）
this.socketTask = uni.connectSocket({ this.socketTask = uni.connectSocket({
@ -128,10 +133,6 @@ export default {
console.log('实时消息'); console.log('实时消息');
}, },
goBack () { goBack () {
uni.navigateBack(); uni.navigateBack();
}, },
@ -153,7 +154,7 @@ export default {
// 从本地缓存获取用户信息 // 从本地缓存获取用户信息
const userInfo = uni.getStorageSync("userInfo") || {}; const userInfo = uni.getStorageSync("userInfo") || {};
const res = await uni.request({ const res = await uni.request({
url: "https://online.totustec.com/api/api/front/user/myDevice", url: BASE_API_URL + "/api/front/user/myDevice",
method: "GET", method: "GET",
data: this.searchList, data: this.searchList,
header: { header: {