3 Commits

Author SHA1 Message Date
guanj
40899e6d55 修改测试问题 2026-07-02 09:55:30 +08:00
guanj
1d73755a43 修改测试问题 2026-06-29 11:01:44 +08:00
guanj
f008bcb4b8 优化强制更新功能 2026-06-18 16:34:25 +08:00
69 changed files with 4936 additions and 4416 deletions

View File

@@ -1,11 +1,11 @@
<script> <script>
import { queryDictDataCache } from './common/api/dictionary.js' import { queryDictDataCache } from './common/api/dictionary.js'
import { getImageUrl } from '@/common/api/basic' import { getImageUrl } from '@/common/api/basic'
import { checkAppUpdate } from './common/js/update.js'
export default { export default {
onLaunch: function () { onLaunch: function () {
checkAppUpdate()
// uni.onPushMessage((res) => { // uni.onPushMessage((res) => {
// console.log("收到推送消息:",res) //监听推送消息 // console.log("收到推送消息:",res) //监听推送消息
// }) // })
@@ -72,4 +72,5 @@ export default {
// .uni-page-refresh__icon { // .uni-page-refresh__icon {
// fill: #007aff !important; /* 改成你想要的颜色,比如红色 #ff0000 */ // fill: #007aff !important; /* 改成你想要的颜色,比如红色 #ff0000 */
// } // }
</style> </style>

View File

@@ -2,14 +2,14 @@
"version" : "2", "version" : "2",
"prompt" : "template", "prompt" : "template",
"title" : "服务协议和隐私政策", "title" : "服务协议和隐私政策",
"message" : "  请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href=\"https://pqmcn.com:8092/#/agreement\">《服务协议》</a>和<a href=\"https://pqmcn.com:8092/#/policy\">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。", "message" : "  请你务必审慎阅读、充分理解“服务协议”和“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href=\"http://www.pqmcc.com:27707/#/agreement\">《服务协议》</a>和<a href=\"http://www.pqmcc.com:27707/#/policy\">《隐私政策》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
"buttonAccept" : "同意并接受", "buttonAccept" : "同意并接受",
"buttonRefuse" : "暂不同意", "buttonRefuse" : "暂不同意",
"hrefLoader" : "system|default", "hrefLoader" : "system|default",
"backToExit" : "false", "backToExit" : "false",
"second" : { "second" : {
"title" : "确认提示", "title" : "确认提示",
"message" : "  进入应用前,你需先同意<a href=\"https://pqmcn.com:8092/#/agreement\">《用户协议》</a>和<a href=\"https://pqmcn.com:8092/#/policy\">《隐私政策》</a>,否则将退出应用。", "message" : "  进入应用前,你需先同意<a href=\"http://www.pqmcc.com:27707/#/agreement\">《用户协议》</a>和<a href=\"http://www.pqmcc.com:27707/#/policy\">《隐私政策》</a>,否则将退出应用。",
"buttonAccept" : "同意并继续", "buttonAccept" : "同意并继续",
"buttonRefuse" : "退出应用" "buttonRefuse" : "退出应用"
}, },

View File

@@ -11,6 +11,7 @@ export function addFeedBack(params) {
console.log(files.length); console.log(files.length);
let data = JSON.parse(JSON.stringify(params)); let data = JSON.parse(JSON.stringify(params));
delete data.files delete data.files
console.log("🚀 ~ addFeedBack ~ files.length:", files.length)
if (files.length) { if (files.length) {
return uni.uploadFile({ return uni.uploadFile({
url: config.domain + '/cs-system-boot/feedback/addFeedBack', //仅为示例,非真实的接口地址 url: config.domain + '/cs-system-boot/feedback/addFeedBack', //仅为示例,非真实的接口地址

View File

@@ -1,11 +1,12 @@
const debug = true // true 是连地服务端本地false 是连接线上 const debug = false // true 是连地服务端本地false 是连接线上
const development = { const development = {
domain: 'http://192.168.2.126:10215', // domain: 'http://192.168.1.103:10215',
domain: 'http://192.168.1.102:27707/api',
} }
const production = { const production = {
domain: 'https://pqmcn.com:8092/api', domain: 'http://www.pqmcc.com:27707/api',
} }
const config = debug ? development : production const config = debug ? development : production

View File

@@ -1,5 +1,6 @@
// export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
export const MQTT_IP = '192.168.1.103:38083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt // export const MQTT_IP = '192.168.1.103:38083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
// export const MQTT_IP = '192.168.1.103:38083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
const MQTT_USERNAME = 't_user'//mqtt用户名 const MQTT_USERNAME = 't_user'//mqtt用户名
const MQTT_PASSWORD = 'njcnpqs'//密码 const MQTT_PASSWORD = 'njcnpqs'//密码

View File

@@ -83,7 +83,10 @@ function errHandler(res) {
break break
default: default:
uni.showToast({ uni.showToast({
title: res.message || res.msg || '网络异常,请稍后再试', title:
res.message.substring(res.message.indexOf(',') + 1) ||
res.msg.substring(msg.indexOf(',') + 1) ||
'网络异常,请稍后再试',
duration: 2000, duration: 2000,
icon: 'none', icon: 'none',
}) })

View File

@@ -1,20 +1,69 @@
import { getLastData } from '../api/user.js' import { getLastData } from '../api/user.js'
/** 规范化版本号,如 v1.6.83 → [1, 6, 83] */
const normalizeVersion = (version) => {
if (!version) return []
return String(version)
.replace(/^v/i, '')
.split('.')
.map((part) => parseInt(part, 10) || 0)
}
/**
* 比较版本号
* @returns 1 远端较新需更新 | 0 相同 | -1 本地较新
*/
const compareVersion = (remote, local) => {
const remoteParts = normalizeVersion(remote)
const localParts = normalizeVersion(local)
const len = Math.max(remoteParts.length, localParts.length)
for (let i = 0; i < len; i++) {
const rv = remoteParts[i] || 0
const lv = localParts[i] || 0
if (rv > lv) return 1
if (rv < lv) return -1
}
return 0
}
/** 自定义调试基座 / HBuilder 标准基座,不走线上更新 */
const isCustomDebugBase = (appName = '') => {
return /自定义基座|custom debug|HBuilder|DCloud/i.test(appName)
}
export const checkAppUpdate = () => { export const checkAppUpdate = () => {
// #ifndef APP-PLUS
// return
// #endif
// 开发环境跳过检查 // 开发环境跳过检查
const isDev = process.env.NODE_ENV === 'development' const isDev = process.env.NODE_ENV === 'development'
// if (isDev) { if (isDev) {
console.log('开发环境,不执行更新检查') console.log('开发环境,不执行更新检查')
return return
}
// 自定义基座调试,跳过更新检查
// try {
// const { appName } = uni.getSystemInfoSync()
// if (isCustomDebugBase(appName)) {
// console.log('自定义基座调试中,不执行更新检查')
// return
// } // }
// } catch (e) {}
// 获取当前应用信息 // 获取当前应用信息
plus.runtime.getProperty(plus.runtime.appid, (info) => { plus.runtime.getProperty(plus.runtime.appid, (info) => {
// if (isCustomDebugBase(info?.name)) {
// console.log('自定义基座调试中,不执行更新检查')
// return
// }
const currentVersion = info.version const currentVersion = info.version
getLastData() getLastData()
.then((res) => { .then((res) => {
// let res = { // let res = {
// data: { // data: {
// versionName: 'v1.6.83', // versionName: 'v1.6.83',
@@ -29,16 +78,17 @@ export const checkAppUpdate = () => {
return return
} }
// 适配新的接口返回格式 // 适配新的接口返回格式,默认强制更新
const { versionName, androidPath, iosPath, forceUpdate = '1' } = res.data const { versionName, androidPath, iosPath, forceUpdate = '1' } = res.data
console.log('🚀 ~ checkAppUpdate ~ versionName, currentVersion:', versionName, currentVersion)
// 版本相同则不需要更新 // 版本相同或本地较新则不需要更新
if (versionName.includes(currentVersion)) { if (compareVersion(versionName, currentVersion) <= 0) {
console.log('已是最新版本') console.log('已是最新版本')
return return
} }
const isForce = forceUpdate === '1' // 字符串 '1' 表示强制更新 const isForce = forceUpdate !== '0' // 默认强制更新,'0' 为可选更新
const iosUrl = iosPath const iosUrl = iosPath
@@ -58,9 +108,9 @@ const handleUpdate = ({ version, androidPath, iosUrl, isForce }) => {
const isIOS = plus.os.name === 'iOS' const isIOS = plus.os.name === 'iOS'
if (isAndroid) { if (isAndroid) {
handleAndroidUpdate({ androidPath, isForce }) handleAndroidUpdate({ version, androidPath, isForce })
} else if (isIOS) { } else if (isIOS) {
handleIOSUpdate({ iosUrl, isForce }) handleIOSUpdate({ version, iosUrl, isForce })
} else { } else {
console.warn('未知操作系统') console.warn('未知操作系统')
} }
@@ -69,7 +119,7 @@ const handleUpdate = ({ version, androidPath, iosUrl, isForce }) => {
/** /**
* 处理安卓更新 * 处理安卓更新
*/ */
const handleAndroidUpdate = ({ androidPath, isForce }) => { const handleAndroidUpdate = ({ version, androidPath, isForce }) => {
if (!androidPath?.length) { if (!androidPath?.length) {
console.error('未找到安卓安装包') console.error('未找到安卓安装包')
uni.showToast({ uni.showToast({
@@ -80,18 +130,18 @@ const handleAndroidUpdate = ({ androidPath, isForce }) => {
} }
const downloadUrl = androidPath const downloadUrl = androidPath
const content = isForce ? `发现新版本 ${version},请立即更新后继续使用` : `发现新版本 ${version},是否立即更新?`
uni.showModal({ uni.showModal({
title: '更新提示', title: '更新提示',
content: '发现新版本,是否立即更新?', content,
showCancel: !isForce, // 强制更新隐藏取消按钮 showCancel: false,
confirmText: '去更新', confirmText: '去更新',
cancelText: '暂不更新',
success: (modalRes) => { success: (modalRes) => {
if (modalRes.confirm) { if (modalRes.confirm) {
downloadAndInstallApk(downloadUrl) downloadAndInstallApk(downloadUrl)
} else if (isForce) { } else if (isForce) {
// 强制更新用户取消,退出应用 // 强制更新用户按返回键关闭弹窗时退出
plus.runtime.quit() plus.runtime.quit()
} }
}, },
@@ -101,7 +151,7 @@ const handleAndroidUpdate = ({ androidPath, isForce }) => {
/** /**
* 处理iOS更新 * 处理iOS更新
*/ */
const handleIOSUpdate = ({ iosUrl, isForce }) => { const handleIOSUpdate = ({ version, iosUrl, isForce }) => {
if (!iosUrl) { if (!iosUrl) {
console.error('未找到iOS下载链接') console.error('未找到iOS下载链接')
uni.showToast({ uni.showToast({
@@ -111,22 +161,23 @@ const handleIOSUpdate = ({ iosUrl, isForce }) => {
return return
} }
const content = isForce
? `发现新版本 ${version},请前往 App Store 更新后继续使用`
: `发现新版本 ${version},请前往 App Store 更新`
uni.showModal({ uni.showModal({
title: '更新提示', title: '更新提示',
content: '发现新版本,请前往 App Store 更新', content,
showCancel: !isForce, showCancel: false,
confirmText: '去更新', confirmText: '去更新',
cancelText: '暂不更新',
success: (modalRes) => { success: (modalRes) => {
if (modalRes.confirm) { if (modalRes.confirm) {
plus.runtime.openURL(iosUrl) plus.runtime.openURL(iosUrl)
}
// 强制更新时,无论确认还是取消都退出应用
if (isForce) {
setTimeout(() => { setTimeout(() => {
plus.runtime.quit() plus.runtime.quit()
}, 300) // 给跳转留一点时间 }, 300)
} else if (isForce) {
// 强制更新且用户取消,退出应用
} }
}, },
}) })
@@ -143,14 +194,22 @@ const downloadAndInstallApk = (url) => {
close: false, // 不允许用户关闭 close: false, // 不允许用户关闭
padlock: true, // 锁定屏幕 padlock: true, // 锁定屏幕
}) })
let progressClosed = false
const closeProgress = () => {
if (progressClosed) return
progressClosed = true
progressWaiting.close()
}
const options = { const options = {
filename: '_doc/update/canneng_wulian.apk', filename: '_doc/update/canneng_wulian.apk',
timeout: 120, timeout: 300,
} }
console.log('🚀 ~ downloadAndInstallApk ~ url:', url)
const downloadTask = plus.downloader.createDownload(url, options, (downloadedFile, status) => { const downloadTask = plus.downloader.createDownload(url, options, (downloadedFile, status) => {
progressWaiting.close() closeProgress()
if (status === 200) { if (status === 200) {
installApk(downloadedFile.filename, url) installApk(downloadedFile.filename, url)
@@ -161,11 +220,12 @@ const downloadAndInstallApk = (url) => {
// // 更新进度 // // 更新进度
downloadTask.addEventListener('statechanged', (task) => { downloadTask.addEventListener('statechanged', (task) => {
if (progressClosed) return
if (task.state === 3 && task.totalSize > 0) { if (task.state === 3 && task.totalSize > 0) {
const percent = ((task.downloadedSize / task.totalSize) * 100).toFixed(0) const percent = ((task.downloadedSize / task.totalSize) * 100).toFixed(0)
console.log("🚀 ~ downloadAndInstallApk ~ percent:", percent) console.log('🚀 ~ downloadAndInstallApk ~ percent:', percent)
// 直接更新 waiting 的标题,不会闪烁 // 直接更新 waiting 的标题,不会闪烁
progressWaiting.setTitle(`正在下载更新 ${percent}%`) progressWaiting.setTitle(`正在下载更新...`)
} }
}) })
@@ -197,11 +257,13 @@ const installApk = (filePath, downloadUrl) => {
uni.showModal({ uni.showModal({
title: '安装失败', title: '安装失败',
content: `安装失败:${error.message}\n请检查是否已开启安装权限`, content: `安装失败:${error.message}\n请检查是否已开启安装权限`,
showCancel: false,
confirmText: '重试', confirmText: '重试',
cancelText: '取消',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
downloadAndInstallApk(downloadUrl) downloadAndInstallApk(downloadUrl)
} else {
plus.runtime.quit()
} }
}, },
}) })
@@ -216,11 +278,13 @@ const handleDownloadError = (downloadUrl) => {
uni.showModal({ uni.showModal({
title: '下载失败', title: '下载失败',
content: '网络异常或下载链接失效,是否重试?', content: '网络异常或下载链接失效,是否重试?',
showCancel: false,
confirmText: '重试', confirmText: '重试',
cancelText: '取消',
success: (res) => { success: (res) => {
if (res.confirm) { if (res.confirm) {
downloadAndInstallApk(downloadUrl) downloadAndInstallApk(downloadUrl)
} else {
plus.runtime.quit()
} }
}, },
}) })

View File

@@ -183,35 +183,6 @@ const validatePhoneNumber = (phone) => {
return testReg.test(phone) return testReg.test(phone)
} }
const getUserLocation = (call) => {
uni.getLocation({
type: 'wgs84',
success: function (address) {
call(address)
},
fail: (err) => {
uni.showModal({
title: '提示',
content: '定位失败,请打开定位权限',
success: function (res) {
if (res.confirm) {
uni.openSetting({
success: (resSett) => {
if (resSett.authSetting['scope.userLocation']) {
uni.getLocation({
success: (address) => {
call && call(address)
},
})
}
},
})
}
},
})
},
})
}
// 加载用户配置 // 加载用户配置
var globalConfigIsLoading = false, var globalConfigIsLoading = false,
@@ -349,7 +320,6 @@ export default {
formatTime, formatTime,
parseTime, parseTime,
h5Helper, h5Helper,
getUserLocation,
loadConfig, loadConfig,
prePage, prePage,
loginSuccess, loginSuccess,

View File

@@ -16,15 +16,15 @@ export default {
}, },
computed: { computed: {
svgHtml() { svgHtml() {
if (this.name == '电压暂降') { if (this.name == '暂降') {
return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<path d="M8,50 L15,50 L18,38 L21,28 L24,38 L27,50 L30,62 L33,72 L36,62 L39,50 L42,38 L45,28 L48,38 L51,50 L54,56 L56,54 L58,55 L60,54 L63,56 L66,60 L68,62 L70,60 L72,56 L75,54 L77,52 L79,54 L81,56 L84,50 L87,38 L90,28 L93,38 L96,50" fill="none" stroke="#2563eb" stroke-width="4"/> <path d="M8,50 L15,50 L18,38 L21,28 L24,38 L27,50 L30,62 L33,72 L36,62 L39,50 L42,38 L45,28 L48,38 L51,50 L54,56 L56,54 L58,55 L60,54 L63,56 L66,60 L68,62 L70,60 L72,56 L75,54 L77,52 L79,54 L81,56 L84,50 L87,38 L90,28 L93,38 L96,50" fill="none" stroke="#2563eb" stroke-width="4"/>
</svg>` </svg>`
} else if (this.name == '电压暂升') { } else if (this.name == '暂升') {
return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<path d="M8,50 L15,50 L18,38 L21,28 L24,38 L27,50 L30,62 L33,72 L36,62 L39,50 L42,38 L45,28 L48,38 L51,50 L54,43 L56,34 L58,26 L60,34 L63,43 L66,54 L68,60 L70,54 L72,43 L75,34 L77,26 L79,34 L81,43 L84,50 L87,38 L90,28 L93,38 L96,50" fill="none" stroke="#e6a23c" stroke-width="4"/> <path d="M8,50 L15,50 L18,38 L21,28 L24,38 L27,50 L30,62 L33,72 L36,62 L39,50 L42,38 L45,28 L48,38 L51,50 L54,43 L56,34 L58,26 L60,34 L63,43 L66,54 L68,60 L70,54 L72,43 L75,34 L77,26 L79,34 L81,43 L84,50 L87,38 L90,28 L93,38 L96,50" fill="none" stroke="#e6a23c" stroke-width="4"/>
</svg>` </svg>`
} else if (this.name == '电压中断') { } else if (this.name == '中断') {
return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100"> return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<path d="M8,50 L15,50 L18,38 L21,28 L24,38 L27,50 L30,62 L33,72 L36,62 L39,50 L42,38 L45,28 L48,38 L51,50 L54,50 L57,50 L60,50 L63,50 L66,50 L69,50 L72,50 L75,50 L78,50 L81,50 L84,50 L87,38 L90,28 L93,38 L96,50" fill="none" stroke="#6b7280" stroke-width="4"/> <path d="M8,50 L15,50 L18,38 L21,28 L24,38 L27,50 L30,62 L33,72 L36,62 L39,50 L42,38 L45,28 L48,38 L51,50 L54,50 L57,50 L60,50 L63,50 L66,50 L69,50 L72,50 L75,50 L78,50 L81,50 L84,50 L87,38 L90,28 L93,38 L96,50" fill="none" stroke="#6b7280" stroke-width="4"/>
</svg>` </svg>`

View File

@@ -12,7 +12,7 @@
:style="{ color: confirmColor }" :style="{ color: confirmColor }"
hover-class="hover-c" hover-class="hover-c"
@tap="_confirm" @tap="_confirm"
>确定</view >完成</view
> >
</view> </view>
<view class="tki-tree-bar1"> <view class="tki-tree-bar1">

View File

@@ -4,18 +4,18 @@
<view class="mask" v-if="show" @tap="show = false" @touchmove.stop.prevent></view> <view class="mask" v-if="show" @tap="show = false" @touchmove.stop.prevent></view>
<!-- 按钮 --> <!-- 按钮 -->
<view class="major-box" :class="{ show: show }"> <view class="major-box" :class="{ show: show }">
<view <view class="click-btn" v-if="!show" @tap="show = !show" draggable="true">
class="click-btn"
v-if="!show"
@tap="show = !show"
draggable="true"
> <!-- <view>&lt;&nbsp;</view> -->
<!-- @touchstart="touchstart" <uni-icons type="left" size="26" color="#645555"></uni-icons>
@touchmove.stop.prevent="touchmove" -->
<view>&lt;&nbsp;</view>
</view> </view>
<view class="nav-box" v-if="show" style="max-width: 320px;"> <view class="nav-box" v-if="show" style="max-width: 320px;">
<view class="click-btn click-btn-right" @tap="show = !show" draggable="true">
<!-- <view>&gt;&nbsp;</view> -->
<uni-icons type="right" size="26" color="#645555"></uni-icons>
</view>
<view class="nav-box-list">
<view class="nav-btn" v-for="(btn, index) in btnList" :key="index" @tap="clickBtn(btn)"> <view class="nav-btn" v-for="(btn, index) in btnList" :key="index" @tap="clickBtn(btn)">
<view class="nav-icon"> <view class="nav-icon">
<image class="icon" :src="btn.iconPath"></image> <image class="icon" :src="btn.iconPath"></image>
@@ -25,6 +25,7 @@
</view> </view>
</view> </view>
</view> </view>
</view>
</template> </template>
<script> <script>
@@ -40,7 +41,7 @@ export default {
show: false, // 是否显示 show: false, // 是否显示
deviationTop: 0, // 偏移量 deviationTop: 0, // 偏移量
windowHeight: uni.getSystemInfoSync().windowHeight, // 视图高度 windowHeight: uni.getSystemInfoSync().windowHeight, // 视图高度
// btnList: [ // btnList1: [
// // 所有按钮 // // 所有按钮
// { // {
// text: '首页', // text: '首页',
@@ -84,7 +85,7 @@ export default {
// 点击按钮 // 点击按钮
clickBtn: function (type) { clickBtn: function (type) {
// console.log(`123`, type) // console.log(`123`, type)
this.$emit('trigger',type) this.$emit('trigger', type)
}, },
// 拖动开始,记录一下偏移量 // 拖动开始,记录一下偏移量
touchstart: function (e) { touchstart: function (e) {
@@ -142,51 +143,71 @@ export default {
.nav-box { .nav-box {
background-color: #fff; background-color: #fff;
border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;
padding: 5px 0;
} }
.click-btn { .click-btn {
width: 20px; display: flex;
height: 40px; align-items: center;
background-color: #999; justify-content: center;
width: 30px;
min-height: 40px;
height: 100%;
background-color: #d8d7d7;
color: #fff; color: #fff;
opacity: 0.8; opacity: 0.8;
text-align: center; text-align: center;
border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;
padding: 6px 0; padding: 6px 0;
font-weight: 700;
} }
.click-btn uni-view { .click-btn uni-view {
line-height: 40px; line-height: 40px;
font-size: 12px; font-size: 15px;
} }
.click-btn view { .click-btn view {
padding-left: 8px; padding-left: 8px;
} }
.click-btn-right {
background-color: #d8d7d7;
margin-left: 5px;
}
/* 按钮盒子 */ /* 按钮盒子 */
.nav-box { .nav-box {
display: flex; display: flex;
flex-wrap: wrap;
text-align: center; text-align: center;
padding-left: 20px; align-items: center;
/* justify-content: center; */
background-color: #d8d7d7; background-color: #d8d7d7;
color: #000; color: #000;
font-size: 12rpx; font-size: 12rpx;
/* opacity: 0.8; */
text-align: center; text-align: center;
border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;
}
/* border-width: 0px; */ .nav-box-list{
display: flex;
flex-wrap: wrap;
text-align: center;
align-items: center;
gap: 8px 0;
background-color: #d8d7d7;
color: #000;
font-size: 12rpx;
text-align: center;
} }
.nav-btn { .nav-btn {
/* flex: 1; */ /* flex: 1; */
border: 0px #000 solid; border: 0px #000 solid;
min-width: 63px; min-width: 55px;
padding: 5px 0 5px 0;
} }
.icon { .icon {

View File

@@ -2,8 +2,8 @@
"name" : "灿能物联", "name" : "灿能物联",
"appid" : "__UNI__88BC25B", "appid" : "__UNI__88BC25B",
"description" : "", "description" : "",
"versionName" : "1.6.82", "versionName" : "2.0.1",
"versionCode" : 170, "versionCode" : 176,
"transformPx" : false, "transformPx" : false,
"sassImplementationName" : "node-sass", "sassImplementationName" : "node-sass",
/* 5+App */ /* 5+App */
@@ -46,6 +46,7 @@
"<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>", "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
"<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>", "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
"<uses-permission android:name=\"android.permission.INTERNET\"/>", "<uses-permission android:name=\"android.permission.INTERNET\"/>",
"<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES\"/>",
"<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>", "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
"<uses-permission android:name=\"android.permission.READ_LOGS\"/>", "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
"<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>", "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
@@ -124,7 +125,10 @@
"setting" : { "setting" : {
"urlCheck" : false "urlCheck" : false
}, },
"usingComponents" : true "usingComponents" : true,
"unipush" : {
"enable" : false
}
}, },
"mp-alipay" : { "mp-alipay" : {
"usingComponents" : true "usingComponents" : true
@@ -138,8 +142,9 @@
"proxy" : { "proxy" : {
"/api" : { "/api" : {
"https" : true, "https" : true,
// "target" : "https://pqmcn.com:8092/api", "target" : "http://www.pqmcc.com:27707/api",
"target" : "http://192.168.2.126:10215", // "target" : "http://192.168.1.102:27707/api",
// "target" : "http://192.168.1.103:10215",
"changOrigin" : true, "changOrigin" : true,
"pathRewrite" : { "pathRewrite" : {
"/api" : "" "/api" : ""
@@ -152,7 +157,7 @@
"base" : "" "base" : ""
}, },
"unipush" : { "unipush" : {
"enable" : false "enable" : true
}, },
"sdkConfigs" : { "sdkConfigs" : {
"maps" : {} "maps" : {}

View File

@@ -118,14 +118,14 @@
{ {
"path": "pages/mine/setupMessage", "path": "pages/mine/setupMessage",
"style": { "style": {
"navigationBarTitleText": "个性化推荐" "navigationBarTitleText": "推送通知配置"
} }
}, },
{ {
"path": "pages/index/comp/monitoringPoint", "path": "pages/index/comp/monitoringPoint",
"style": { "style": {
"navigationBarTitleText": "监测点电能质量信息", "navigationBarTitleText": "关键指标概览",
"enablePullDownRefresh": true, "enablePullDownRefresh": true,
"pullToRefresh": { "pullToRefresh": {
"support":true, "support":true,
@@ -234,13 +234,13 @@
{ {
"path": "pages/device/APF/about", "path": "pages/device/APF/about",
"style": { "style": {
"navigationBarTitleText": "关于" "navigationBarTitleText": "详情"
} }
}, },
{ {
"path": "pages/device/DVR/about", "path": "pages/device/DVR/about",
"style": { "style": {
"navigationBarTitleText": "关于" "navigationBarTitleText": "详情"
} }
}, },
{ {
@@ -446,12 +446,7 @@
"navigationBarTitleText": "服务内容配置" "navigationBarTitleText": "服务内容配置"
} }
}, },
{
"path": "pages/mine/transientSetting",
"style": {
"navigationBarTitleText": "暂态事件配置"
}
},
{ {
"path": "pages/user/erweima", "path": "pages/user/erweima",
"style": { "style": {

View File

@@ -1,86 +1,70 @@
<template> <template>
<view> <view>
<uni-load-more status="loading" v-if="IOData.length == 0"></uni-load-more> <uni-load-more status="loading" v-if="IOData.length == 0"></uni-load-more>
<view class="basic" v-else> <view class="basic mt10" v-else>
<view class="grid-card"> <view class="params-wrap">
<text> <view class="section-title-row">
<view class="grid-card-title grid-card-title-with-icon"></view>温度 <view class="section-title">
</text> <view class="grid-card-title-with-icon"></view>
<view class="grid-card-content-4"> <text>温度</text>
<template v-for="item in renderData"> </view>
<view class="item item-title">{{ item[0].clDid }} </view>
<template v-if="item[0].clDid"> (°C)</template> <view class="params-section">
</view> <view
<view class="item item-title">{{ item[1].clDid }} v-for="(rowItems, rowIdx) in chunkedChildren(temperatureCards)"
<template v-if="item[1].clDid"> (°C)</template> :key="'temp-' + rowIdx"
</view> class="double-row"
<view class="item item-title">{{ item[2].clDid }} >
<template v-if="item[2].clDid"> (°C)</template> <view v-for="(child, childIdx) in rowItems" :key="childIdx" class="param-group">
</view> <view class="param-title">
<view class="item item-title">{{ item[3].clDid }} <text>{{ child.name }}</text>
<template v-if="item[3].clDid"> (°C)</template> </view>
</view> <view class="param-value-wrap">
<view class="item">{{ item[0].clDid ? Math.round(item[0].value) || '-' : '' }}</view> <text class="param-value">{{ child.value }}</text>
<view class="item">{{ item[1].clDid ? Math.round(item[1].value) || '-' : '' }}</view> </view>
<view class="item">{{ item[2].clDid ? Math.round(item[2].value) || '-' : '' }}</view> </view>
<view class="item">{{ item[3].clDid ? Math.round(item[3].value) || '-' : '' }}</view> </view>
</template>
</view> </view>
</view> </view>
<!-- 运维管理员工程用户 可看 -->
<view class="grid-card"
v-if="(userInfo.authorities == 'operation_manager' || userInfo.authorities == 'engineering_user') && moduleData.length > 0">
<view class="grid-card-title">
<text><view class="grid-card-title-with-icon"></view>状态</text> <view class="params-wrap" v-if="showModuleSection">
</view> <view class="section-title-row">
<view class="grid-card-content-4"> <view class="section-title">
<template v-for="(item, index) in moduleData"> <view class="grid-card-title-with-icon"></view>
<view class="item item-title">{{ item[0].moduleName }} <text>状态</text>
<template v-if="item[0].moduleName"></template> </view>
</view> </view>
<view class="item item-title">{{ item[1].moduleName }} <view class="params-section">
<template v-if="item[1].moduleName"></template> <view
</view> v-for="(rowItems, rowIdx) in chunkedChildren(moduleCards)"
<view class="item item-title">{{ item[2].moduleName }} :key="'module-' + rowIdx"
<template v-if="item[2].moduleName"></template> class="double-row"
</view> >
<view class="item item-title">{{ item[3].moduleName }} <view v-for="(child, childIdx) in rowItems" :key="childIdx" class="param-group">
<template v-if="item[3].moduleName"></template> <view class="param-title">
</view> <text>{{ child.name }}</text>
<!-- <uni-tag :text="item[0].moduleState" :type=" item[0].moduleState=='离线'?'error' : 'success'" /> --> </view>
<view class="item">{{ item[0].moduleState }}</view> <view class="param-value-wrap">
<view class="item">{{ item[1].moduleState }}</view> <text
<view class="item">{{ item[2].moduleState }}</view> class="param-value"
<view class="item">{{ item[3].moduleState }}</view> :class="{ 'param-value--offline': child.value === '离线' }"
</template> >{{ child.value }}</text>
</view>
</view>
</view>
</view> </view>
</view> </view>
<!-- <view class="grid-card">-->
<!-- <view class="grid-card-title">干接点</view>-->
<!-- <view class="grid-card-content-4">-->
<!-- <view class="item item-title">干接点1</view>-->
<!-- <view class="item item-title">干接点2</view>-->
<!-- <view class="item item-title"></view>-->
<!-- <view class="item item-title"></view>-->
<!-- <view class="item">正常</view>-->
<!-- <view class="item">正常</view>-->
<!-- <view class="item"></view>-->
<!-- <view class="item"></view>-->
<!-- </view>-->
<!-- </view>-->
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { getModuleState } from '@/common/api/harmonic.js' import { getModuleState } from '@/common/api/harmonic.js'
export default { export default {
props: { props: {
IOData: { IOData: {
type: Array, type: Array,
default: () => { default: () => [],
return []
},
}, },
ndid: { ndid: {
type: String, type: String,
@@ -90,88 +74,175 @@ export default {
return { return {
list: [], list: [],
userInfo: {}, userInfo: {},
flag: false,
} }
}, },
computed: { computed: {
renderData() { renderData() {
let arr = [] const arr = []
const data = this.IOData || []
// 把IOData转换成每4个一组的二维数组 for (let i = 0; i < data.length; i += 4) {
for (let i = 0; i < this.IOData.length; i += 4) { const group = data.slice(i, i + 4).map((item) => {
this.IOData.slice(i, i + 4).forEach((item) => { const next = { ...item }
if (Number.isInteger(item.value) || item.value == '') { if (!Number.isInteger(next.value) && next.value !== '') {
} else { next.value = (next.value - 0).toFixed(2)
item.value = (item.value - 0).toFixed(2)
} }
return next
}) })
arr.push(this.IOData.slice(i, i + 4)) while (group.length < 4) {
group.push({})
} }
// 把每组的长度补齐到4 arr.push(group)
arr.forEach((item) => {
if (item.length < 4) {
let length = 4 - item.length
for (let i = 0; i < length; i++) {
item.push({})
} }
}
})
return arr return arr
}, },
moduleData() { moduleData() {
let arr = [] const arr = []
// 把IOData转换成每4个一组的二维数组
for (let i = 0; i < this.list.length; i += 4) { for (let i = 0; i < this.list.length; i += 4) {
arr.push(this.list.slice(i, i + 4)) const group = this.list.slice(i, i + 4)
while (group.length < 4) {
group.push({})
} }
// 把每组的长度补齐到4 arr.push(group)
arr.forEach((item) => {
if (item.length < 4) {
let length = 4 - item.length
for (let i = 0; i < length; i++) {
item.push({})
} }
}
})
console.warn(arr)
return arr return arr
}, },
temperatureCards() {
const cards = []
this.renderData.forEach((row) => {
row.forEach((item) => {
if (!item.clDid) return
cards.push({
name: `${item.clDid} (°C)`,
value: Math.round(item.value) ,
})
})
})
return cards
},
moduleCards() {
const cards = []
this.moduleData.forEach((row) => {
row.forEach((item) => {
if (!item.moduleName) return
cards.push({
name: item.moduleName,
value: item.moduleState ,
})
})
})
return cards
},
showModuleSection() {
return (
(this.userInfo.authorities === 'operation_manager' ||
this.userInfo.authorities === 'engineering_user') &&
this.moduleCards.length > 0
)
},
},
mounted() {
this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo)
this.info()
}, },
methods: { methods: {
info() { info() {
getModuleState({ getModuleState({
id: this.ndid, id: this.ndid,
}).then((res) => { }).then((res) => {
this.list = res.data this.list = res.data || []
}) })
}, },
chunkedChildren(children) {
const result = []
for (let i = 0; i < children.length; i += 2) {
result.push(children.slice(i, i + 2))
}
return result
}, },
mounted() {
this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo)
this.info()
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.basic { .basic {
.params-wrap {
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.section-title-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12rpx;
padding: 20rpx 20rpx 0;
}
.section-title {
display: flex;
align-items: center;
font-size: 30rpx;
font-weight: 600;
color: #333;
}
.grid-card-title-with-icon { .grid-card-title-with-icon {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
position: relative; position: relative;
padding-left: 20rpx;
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8rpx; width: 8rpx;
height: 28rpx; height: 28rpx;
margin-right: 12rpx;
background: $uni-theme-color; background: $uni-theme-color;
border-radius: 3rpx; border-radius: 3rpx;
} }
.params-section {
padding: 16rpx 16rpx 20rpx;
}
.double-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16rpx;
margin-bottom: 16rpx;
&:last-child {
margin-bottom: 0;
}
}
.param-group {
min-width: 0;
background: #f3f3f3;
border-radius: 16rpx;
padding: 16rpx 8rpx 12rpx;
}
.param-title {
font-size: 26rpx;
color: #666666;
margin-bottom: 8rpx;
padding-left: 4rpx;
}
.param-value-wrap {
display: flex;
justify-content: center;
align-items: center;
padding: 4rpx;
}
.param-value {
font-size: 28rpx;
font-weight: 700;
color: #333;
&--offline {
color: #ff3b30;
}
} }
} }
</style> </style>

View File

@@ -1,115 +1,105 @@
<template> <template>
<view> <view>
<uni-load-more status="loading" <uni-load-more status="loading" v-if="!isDataReady"></uni-load-more>
v-if="renderData.电网电流.length == 0 || renderData.电网电压.length == 0 || renderData.负载电流.length == 0 || renderData.补偿电流.length == 0"></uni-load-more> <view class="basic mt10" v-else>
<view class="basic" v-else> <view class="params-wrap" v-for="(section, ind) in sections" :key="section.title">
<view class="grid-card"> <view class="section-title-row">
<view class="section-title">
<text> <view class="grid-card-title-with-icon"></view>
<view class="grid-card-title grid-card-title-with-icon"></view>电网电流 <text>{{ section.title }}</text>
</text> </view>
<view class="legend-row" v-if="ind == 0">
<view class="grid-card-content-3"> <view class="legend-item" v-for="phase in phaseColors" :key="phase.name">
<view class="item item-title">名称</view> <view class="legend-dot" :style="{ background: phase.color }" />
<view class="item item-title">有效值(A)</view> <text class="legend-text">{{ phase.name }}</text>
<view class="item item-title">畸变率(%)</view>
<template v-for="(item, index) in renderData.电网电流">
<view class="item">{{ item.phase }}</view>
<view class="item">{{
item['Apf_RmsI_Sys(A)'] > 0 ? item['Apf_RmsI_Sys(A)'].toFixed(2) : item['Apf_RmsI_Sys(A)']
}}</view>
<view class="item">{{
item['Apf_ThdA_Sys(%)'] > 0 ? item['Apf_ThdA_Sys(%)'].toFixed(2) : item['Apf_ThdA_Sys(%)']
}}</view>
</template>
</view> </view>
</view> </view>
<view class="grid-card"> </view>
<view class="params-section">
<text> <view v-for="(rowItems, rowIdx) in chunkedChildren(getSectionCards(section))" :key="rowIdx"
<view class="grid-card-title grid-card-title-with-icon"></view>电网电压 class="double-row">
</text> <view v-for="(child, childIdx) in rowItems" :key="childIdx" class="param-group">
<view class="param-title">
<view class="grid-card-content-4"> <text>{{ child.name }}</text>
<view class="item item-title">名称</view> </view>
<view class="item item-title">电压(V)</view> <view class="phase-vertical">
<view class="item item-title">频率(Hz)</view> <view class="phase-item-vertical">
<view class="item item-title">畸变率(%)</view> <text class="phase-value-vertical" :style="{ color: phaseColors[0].color }">{{
<template v-for="(item, index) in renderData.电网电压"> child.A
<view class="item">{{ item.phase }}</view> }}</text>
<view class="item">{{ </view>
item['Apf_PhV_Sys(V)'] > 0 ? item['Apf_PhV_Sys(V)'].toFixed(2) : item['Apf_PhV_Sys(V)'] <view class="phase-divider" />
}}</view> <view class="phase-item-vertical">
<view class="item">{{ <text class="phase-value-vertical" :style="{ color: phaseColors[1].color }">{{
item['Apf_Freq(Hz)'] > 0 ? item['Apf_Freq(Hz)'].toFixed(2) : item['Apf_Freq(Hz)'] child.B
}}</view> }}</text>
<view class="item">{{ </view>
item['Apf_ThdU_Sys(%)'] > 0 ? item['Apf_ThdU_Sys(%)'].toFixed(2) : item['Apf_ThdU_Sys(%)'] <view class="phase-divider" />
}}</view> <view class="phase-item-vertical">
</template> <text class="phase-value-vertical" :style="{ color: phaseColors[2].color }">{{
child.C
}}</text>
</view> </view>
</view> </view>
<view class="grid-card">
<text>
<view class="grid-card-title grid-card-title-with-icon"></view>负载电流
</text>
<view class="grid-card-content-3">
<view class="item item-title">名称</view>
<view class="item item-title">有效值(A)</view>
<view class="item item-title">畸变率(%)</view>
<template v-for="(item, index) in renderData.负载电流">
<view class="item">{{ item.phase }}</view>
<view class="item">{{
item['Apf_RmsI_Load(A)'] > 0
? item['Apf_RmsI_Load(A)'].toFixed(2)
: item['Apf_RmsI_Load(A)']
}}</view>
<view class="item">{{
item['Apf_ThdA_Load(%)'] > 0
? item['Apf_ThdA_Load(%)'].toFixed(2)
: item['Apf_ThdA_Load(%)']
}}</view>
</template>
</view> </view>
</view> </view>
<view class="grid-card">
<text>
<view class="grid-card-title grid-card-title-with-icon"></view>补偿电流
</text>
<view class="grid-card-content-3">
<view class="item item-title">名称</view>
<view class="item item-title">有效值(A)</view>
<view class="item item-title">负载率(%)</view>
<template v-for="(item, index) in renderData.补偿电流">
<view class="item">{{ item.phase }}</view>
<view class="item">{{
item['Apf_RmsI_TolOut(A)'] == 3.1415926
? '-'
: item['Apf_RmsI_TolOut(A)'] > 0
? item['Apf_RmsI_TolOut(A)'].toFixed(2)
: item['Apf_RmsI_TolOut(A)']
}}</view>
<view class="item">{{
item['load_Rate'] == 3.1415926
? '-'
: item['load_Rate'] > 0
? item['load_Rate'].toFixed(2)
: item['load_Rate']
}}</view>
</template>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
const SECTIONS = [
{
title: '电网电流',
dataKey: '电网电流',
metrics: [
{ label: '有效值(A)', field: 'Apf_RmsI_Sys(A)' },
{ label: '畸变率(%)', field: 'Apf_ThdA_Sys(%)' },
],
},
{
title: '电网电压',
dataKey: '电网电压',
metrics: [
{ label: '电压(V)', field: 'Apf_PhV_Sys(V)' },
{ label: '频率(Hz)', field: 'Apf_Freq(Hz)' },
{ label: '畸变率(%)', field: 'Apf_ThdU_Sys(%)' },
],
},
{
title: '负载电流',
dataKey: '负载电流',
metrics: [
{ label: '有效值(A)', field: 'Apf_RmsI_Load(A)' },
{ label: '畸变率(%)', field: 'Apf_ThdA_Load(%)' },
],
},
{
title: '补偿电流',
dataKey: '补偿电流',
metrics: [
{ label: '有效值(A)', field: 'Apf_RmsI_TolOut(A)' },
{ label: '负载率(%)', field: 'load_Rate' },
],
},
]
export default { export default {
props: {
basicData: {
type: Array,
default: () => [],
},
},
data() { data() {
return { return {
sections: SECTIONS,
phaseColors: [
{ name: 'A相', color: '#DAA520' },
{ name: 'B相', color: '#2E8B57' },
{ name: 'C相', color: '#D54941' },
],
renderData: { renderData: {
电网电流: [], 电网电流: [],
电网电压: [], 电网电压: [],
@@ -119,101 +109,209 @@ export default {
}, },
} }
}, },
props: { computed: {
basicData: { isDataReady() {
type: Array, return (
default: () => { this.renderData.电网电流.length > 0 &&
return [] this.renderData.电网电压.length > 0 &&
}, this.renderData.负载电流.length > 0 &&
this.renderData.补偿电流.length > 0
)
}, },
}, },
watch: { watch: {
basicData: { basicData: {
handler: function (newVal, oldVal) { handler(newVal) {
newVal.forEach((item) => { this.renderData = {
电网电流: [],
电网电压: [],
负载电流: [],
补偿电流: [],
未知: [],
}
; (newVal || []).forEach((item) => {
if (item.phase === 'avg') { if (item.phase === 'avg') {
return return
} }
let key = '' const key = this.getDataKey(item.statisticalName)
switch (item.statisticalName) { const index = this.renderData[key].findIndex((item2) => item2.phase === item.phase)
case 'Apf_RmsI_Sys(A)':
key = '电网电流'
break
case 'Apf_ThdA_Sys(%)':
key = '电网电流'
break
case 'Apf_PhV_Sys(V)':
key = '电网电压'
break
case 'Apf_Freq(Hz)':
key = '电网电压'
break
case 'Apf_ThdU_Sys(%)':
key = '电网电压'
break
case 'Apf_RmsI_Load(A)':
key = '负载电流'
break
case 'Apf_ThdA_Load(%)':
key = '负载电流'
break
case 'Apf_RmsI_TolOut(A)':
key = '补偿电流'
break
case 'Apf_PhV_Sys(V)':
key = '补偿电流'
break
case 'Apf_PhV_Sys(V)':
key = '补偿电流'
break
case 'load_Rate':
key = '补偿电流'
break
default:
key = '未知'
break
}
let index = this.renderData[key].findIndex((item2) => {
return item2.phase === item.phase
})
if (index > -1) { if (index > -1) {
this.renderData[key][index][item.statisticalName] = item.statisticalData // this.renderData[key][index][item.statisticalName] = item.statisticalData
} else { } else {
this.renderData[key].push({ this.renderData[key].push({
phase: item.phase, phase: item.phase,
[item.statisticalName]: item.statisticalData, //, [item.statisticalName]: item.statisticalData,
}) })
} }
}) })
console.log(this.renderData)
}, },
deep: true, deep: true,
immediate: true, immediate: true,
}, },
}, },
methods: {}, methods: {
getDataKey(statisticalName) {
switch (statisticalName) {
case 'Apf_RmsI_Sys(A)':
case 'Apf_ThdA_Sys(%)':
return '电网电流'
case 'Apf_PhV_Sys(V)':
case 'Apf_Freq(Hz)':
case 'Apf_ThdU_Sys(%)':
return '电网电压'
case 'Apf_RmsI_Load(A)':
case 'Apf_ThdA_Load(%)':
return '负载电流'
case 'Apf_RmsI_TolOut(A)':
case 'load_Rate':
return '补偿电流'
default:
return '未知'
}
},
getSectionCards(section) {
const list = this.renderData[section.dataKey] || []
return section.metrics.map((metric) => ({
name: metric.label,
A: this.getPhaseValue(list, metric.field, 'A'),
B: this.getPhaseValue(list, metric.field, 'B'),
C: this.getPhaseValue(list, metric.field, 'C'),
}))
},
getPhaseValue(list, field, phase) {
const item = list.find(
(row) => String(row.phase || '').toUpperCase() === phase,
)
return this.formatValue(item[field])
},
formatValue(value) {
if (value == 3.1415926) return '-'
if (value === undefined || value === null || value === '') return '-'
const num = Number(value)
if (Number.isNaN(num)) return value
return num > 0 ? num.toFixed(2) : num
},
chunkedChildren(children) {
const result = []
for (let i = 0; i < children.length; i += 2) {
result.push(children.slice(i, i + 2))
}
return result
},
},
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.basic { .basic {
.params-wrap {
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.section-title-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12rpx;
padding: 20rpx 20rpx 0;
}
.section-title {
display: flex;
align-items: center;
font-size: 30rpx;
font-weight: 600;
color: #333;
}
.grid-card-title-with-icon { .grid-card-title-with-icon {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
position: relative; position: relative;
padding-left: 20rpx;
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8rpx; width: 8rpx;
height: 28rpx; height: 28rpx;
margin-right: 12rpx;
background: $uni-theme-color; background: $uni-theme-color;
border-radius: 3rpx; border-radius: 3rpx;
} }
.legend-row {
display: flex;
gap: 20rpx;
align-items: center;
}
.legend-item {
display: flex;
align-items: center;
gap: 8rpx;
}
.legend-dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
}
.legend-text {
font-size: 24rpx;
color: #666666;
}
.params-section {
padding: 16rpx 16rpx 20rpx;
}
.double-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16rpx;
margin-bottom: 16rpx;
&:last-child {
margin-bottom: 0;
}
}
.param-group {
min-width: 0;
background: #f3f3f3;
border-radius: 16rpx;
padding: 16rpx 8rpx 12rpx;
}
.param-title {
font-size: 26rpx;
color: #666666;
margin-bottom: 8rpx;
padding-left: 4rpx;
}
.phase-vertical {
display: flex;
align-items: stretch;
}
.phase-item-vertical {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 4rpx;
}
.phase-value-vertical {
font-size: 26rpx;
font-weight: 700;
}
.phase-divider {
width: 1px;
background: #d2d2d2;
margin: 8rpx 0;
} }
} }
</style> </style>

View File

@@ -1,64 +1,92 @@
<template> <template>
<view> <view>
<uni-load-more status="loading" v-if="renderData.电网侧.length == 0 || renderData.负载侧.length == 0"></uni-load-more> <uni-load-more status="loading" v-if="!isDataReady"></uni-load-more>
<view class="basic" v-else> <view class="basic mt10" v-else>
<view class="grid-card"> <view class="params-wrap" v-for="(section, ind) in sections" :key="section.title">
<text> <view class="section-title-row">
<view class="grid-card-title grid-card-title-with-icon"></view>电网侧 <view class="section-title">
</text> <view class="grid-card-title-with-icon"></view>
<view class="grid-card-content-5"> <text>{{ section.title }}</text>
<view class="item item-title">名称</view>
<view class="item item-title">有功功率(kW)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">视在功率(kVA)</view>
<view class="item item-title">功率因数</view>
<template v-for="(item, index) in renderData.电网侧">
<view class="item">{{ item.phase }}</view>
<view class="item">{{ item['Apf_P_Sys(W)'] == '-' ? '-' : (item['Apf_P_Sys(W)'] /
1000).toFixed(2) }}
</view> </view>
<view class="item">{{ item['Apf_Q_Sys(Var)'] == '-' ? '-' : (item['Apf_Q_Sys(Var)'] / <view class="legend-row" v-if="ind == 0">
1000).toFixed(2) }} <view class="legend-item" v-for="phase in phaseColors" :key="phase.name">
</view> <view class="legend-dot" :style="{ background: phase.color }" />
<view class="item">{{ item['Apf_S_Sys(VA)'] == '-' ? '-' : (item['Apf_S_Sys(VA)'] / <text class="legend-text">{{ phase.name }}</text>
1000).toFixed(2) }} </view>
</view> </view>
<view class="item">{{ item['Apf_PF_Sys(null)'] || '-' }}</view> </view>
</template> <view class="params-section">
<view v-for="(rowItems, rowIdx) in chunkedChildren(getSectionCards(section))" :key="rowIdx"
class="double-row">
<view v-for="(child, childIdx) in rowItems" :key="childIdx" class="param-group">
<view class="param-title">
<text>{{ child.name }}</text>
</view>
<view class="phase-vertical">
<view class="phase-item-vertical">
<text class="phase-value-vertical" :style="{ color: phaseColors[0].color }">{{
child.A
}}</text>
</view>
<view class="phase-divider" />
<view class="phase-item-vertical">
<text class="phase-value-vertical" :style="{ color: phaseColors[1].color }">{{
child.B
}}</text>
</view>
<view class="phase-divider" />
<view class="phase-item-vertical">
<text class="phase-value-vertical" :style="{ color: phaseColors[2].color }">{{
child.C
}}</text>
</view> </view>
</view> </view>
<view class="grid-card">
<text>
<view class="grid-card-title grid-card-title-with-icon"></view>负载侧
</text>
<view class="grid-card-content-5">
<view class="item item-title">名称</view>
<view class="item item-title">有功功率(kW)</view>
<view class="item item-title">无功功率(kVar)</view>
<view class="item item-title">视在功率(kVA)</view>
<view class="item item-title">功率因数</view>
<template v-for="(item, index) in renderData.负载侧">
<view class="item">{{ item.phase }}</view>
<view class="item">{{ item['Apf_P_Load(W)'] == '-' ? '-' : (item['Apf_P_Load(W)'] /
1000).toFixed(2) }}
</view> </view>
<view class="item">{{
item['Apf_Q_Load(Var)'] == '-' ? '-' : (item['Apf_Q_Load(Var)'] / 1000).toFixed(2)
}}</view>
<view class="item">{{ item['Apf_S_Load(VA)'] == '-' ? '-' : (item['Apf_S_Load(VA)'] /
1000).toFixed(2) }}
</view> </view>
<view class="item">{{ item['Apf_PF_Load(null)'] || '-' }}</view>
</template>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
const SECTIONS = [
{
title: '电网侧',
dataKey: '电网侧',
metrics: [
{ label: '有功功率(kW)', field: 'Apf_P_Sys(W)', divide: 1000 },
{ label: '无功功率(kVar)', field: 'Apf_Q_Sys(Var)', divide: 1000 },
{ label: '视在功率(kVA)', field: 'Apf_S_Sys(VA)', divide: 1000 },
{ label: '功率因数', field: 'Apf_PF_Sys(null)' },
],
},
{
title: '负载侧',
dataKey: '负载侧',
metrics: [
{ label: '有功功率(kW)', field: 'Apf_P_Load(W)', divide: 1000 },
{ label: '无功功率(kVar)', field: 'Apf_Q_Load(Var)', divide: 1000 },
{ label: '视在功率(kVA)', field: 'Apf_S_Load(VA)', divide: 1000 },
{ label: '功率因数', field: 'Apf_PF_Load(null)' },
],
},
]
export default { export default {
props: {
basicData: {
type: Array,
default: () => [],
},
},
data() { data() {
return { return {
sections: SECTIONS,
phaseColors: [
{ name: 'A相', color: '#DAA520' },
{ name: 'B相', color: '#2E8B57' },
{ name: 'C相', color: '#D54941' },
],
renderData: { renderData: {
电网侧: [], 电网侧: [],
负载侧: [], 负载侧: [],
@@ -66,92 +94,210 @@ export default {
}, },
} }
}, },
props: { computed: {
basicData: { isDataReady() {
type: Array, return this.renderData.电网侧.length > 0 && this.renderData.负载侧.length > 0
default: () => {
return []
},
}, },
}, },
watch: { watch: {
basicData: { basicData: {
handler: function (newVal, oldVal) { handler(newVal) {
newVal.forEach((item) => { this.renderData = {
电网侧: [],
负载侧: [],
未知: [],
}
; (newVal || []).forEach((item) => {
if (item.phase === 'avg') { if (item.phase === 'avg') {
return return
} }
let key = '' const key = this.getDataKey(item.statisticalName)
switch (item.statisticalName) { const index = this.renderData[key].findIndex((item2) => item2.phase === item.phase)
case 'Apf_P_Sys(W)':
key = '电网侧'
break
case 'Apf_Q_Sys(Var)':
key = '电网侧'
break
case 'Apf_S_Sys(VA)':
key = '电网侧'
break
case 'Apf_PF_Sys(null)':
key = '电网侧'
break
case 'Apf_P_Load(W)':
key = '负载侧'
break
case 'Apf_Q_Load(Var)':
key = '负载侧'
break
case 'Apf_S_Load(VA)':
key = '负载侧'
break
case 'Apf_PF_Load(null)':
key = '负载侧'
break
default:
key = '未知'
break
}
let index = this.renderData[key].findIndex((item2) => {
return item2.phase === item.phase
})
if (index > -1) { if (index > -1) {
this.renderData[key][index][item.statisticalName] = item.statisticalData || '-' this.renderData[key][index][item.statisticalName] = this.normalizeStatisticalData(
item.statisticalData,
)
} else { } else {
this.renderData[key].push({ this.renderData[key].push({
phase: item.phase, phase: item.phase,
[item.statisticalName]: item.statisticalData || '-', [item.statisticalName]: this.normalizeStatisticalData(item.statisticalData),
}) })
} }
}) })
console.log(this.renderData)
}, },
deep: true, deep: true,
immediate: true, immediate: true,
}, },
}, },
methods: {}, methods: {
getDataKey(statisticalName) {
switch (statisticalName) {
case 'Apf_P_Sys(W)':
case 'Apf_Q_Sys(Var)':
case 'Apf_S_Sys(VA)':
case 'Apf_PF_Sys(null)':
return '电网侧'
case 'Apf_P_Load(W)':
case 'Apf_Q_Load(Var)':
case 'Apf_S_Load(VA)':
case 'Apf_PF_Load(null)':
return '负载侧'
default:
return '未知'
}
},
getSectionCards(section) {
const list = this.renderData[section.dataKey] || []
return section.metrics.map((metric) => ({
name: metric.label,
A: this.getPhaseValue(list, metric, 'A'),
B: this.getPhaseValue(list, metric, 'B'),
C: this.getPhaseValue(list, metric, 'C'),
}))
},
getPhaseValue(list, metric, phase = 'A') {
const item = list.find((row) => String(row.phase || '').toUpperCase() === phase)
return item ? this.formatValue(item[metric.field], metric.divide) : '-'
},
normalizeStatisticalData(value) {
if (value == 3.1415926 || value === null || value === '') {
return '-'
}
return value
},
formatValue(value, divide) {
if (value == 3.1415926 || value === null || value === '' || value === '-') {
return '-'
}
const num = Number(value)
if (Number.isNaN(num)) return value
if (divide) {
// return (num / divide).toFixed(2)
return num != 0 ? (num / divide).toFixed(2) : num.toFixed(2)
}
return num.toFixed(2)
},
chunkedChildren(children) {
const result = []
for (let i = 0; i < children.length; i += 2) {
result.push(children.slice(i, i + 2))
}
return result
},
},
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.basic { .basic {
.params-wrap {
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 10rpx;
overflow: hidden;
}
.section-title-row {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12rpx;
padding: 20rpx 20rpx 0;
}
.section-title {
display: flex;
align-items: center;
font-size: 30rpx;
font-weight: 600;
color: #333;
}
.grid-card-title-with-icon { .grid-card-title-with-icon {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
position: relative; position: relative;
padding-left: 20rpx;
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8rpx; width: 8rpx;
height: 28rpx; height: 28rpx;
margin-right: 12rpx;
background: $uni-theme-color; background: $uni-theme-color;
border-radius: 3rpx; border-radius: 3rpx;
} }
.legend-row {
display: flex;
gap: 20rpx;
align-items: center;
}
.legend-item {
display: flex;
align-items: center;
gap: 8rpx;
}
.legend-dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
}
.legend-text {
font-size: 24rpx;
color: #666666;
}
.params-section {
padding: 16rpx 16rpx 20rpx;
}
.double-row {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16rpx;
margin-bottom: 16rpx;
&:last-child {
margin-bottom: 0;
}
}
.param-group {
min-width: 0;
background: #f3f3f3;
border-radius: 16rpx;
padding: 16rpx 8rpx 12rpx;
}
.param-title {
font-size: 26rpx;
color: #666666;
margin-bottom: 8rpx;
padding-left: 4rpx;
}
.phase-vertical {
display: flex;
align-items: stretch;
}
.phase-item-vertical {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 4rpx;
}
.phase-value-vertical {
font-size: 26rpx;
font-weight: 700;
}
.phase-divider {
width: 1px;
background: #d2d2d2;
margin: 8rpx 0;
} }
} }
</style> </style>

View File

@@ -1,24 +1,14 @@
<template> <template>
<view> <view >
<uni-load-more status="loading" v-if="basicData.length == 0"></uni-load-more> <uni-load-more status="loading" v-if="loading"></uni-load-more>
<view v-else> <view v-else class="xieBo">
<div class="header-form"> <div class="header-form">
<uni-data-select <uni-data-select v-model="parity" :localdata="parityOption" @change="initEcharts" style="flex: 1"
v-model="parity" :clear="false"></uni-data-select>
:localdata="parityOption"
@change="initEcharts"
style="flex: 1"
:clear="false"
></uni-data-select>
<!-- <uni-data-checkbox v-model="dataRadio" :localdata="dataOptions" @change="initEcharts"></uni-data-checkbox> --> <!-- <uni-data-checkbox v-model="dataRadio" :localdata="dataOptions" @change="initEcharts"></uni-data-checkbox> -->
<uni-data-select <uni-data-select v-model="dataRadio" :localdata="dataOptions" @change="initEcharts"
v-model="dataRadio" style="flex: 2; margin-left: 20rpx" :clear="false"></uni-data-select>
:localdata="dataOptions"
@change="initEcharts"
style="flex: 2; margin-left: 20rpx"
:clear="false"
></uni-data-select>
</div> </div>
<view class="charts-box"> <view class="charts-box">
<!-- <view class="data-time">{{ time }}</view> --> <!-- <view class="data-time">{{ time }}</view> -->
@@ -54,6 +44,7 @@ export default {
value: 1, value: 1,
}, },
], ],
loading: true,
parity: 2, parity: 2,
time: '', time: '',
dataOptions: [], dataOptions: [],
@@ -216,7 +207,6 @@ export default {
watch: { watch: {
basicData: { basicData: {
handler(newVal, oldVal) { handler(newVal, oldVal) {
console.log(this.basicData)
let basicData = JSON.parse(JSON.stringify(this.basicData)) let basicData = JSON.parse(JSON.stringify(this.basicData))
// this.dataRadio = 0 // this.dataRadio = 0
this.renderData = { this.renderData = {
@@ -284,9 +274,9 @@ export default {
}) })
}) })
this.dataOptions = dataOptions this.dataOptions = dataOptions
console.log(dataOptions)
this.initEcharts()
this.initEcharts()
this.loading = false
this.time = this.$util.parseTime(this.dataTime - 8 * 60 * 60) this.time = this.$util.parseTime(this.dataTime - 8 * 60 * 60)
}, },
deep: true, deep: true,
@@ -365,13 +355,29 @@ export default {
}, 100) }, 100)
}, },
}, },
mounted() {
this.loading = true
setTimeout(() => {
this.loading = false
}, 5000)
},
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.xieBo {
margin-top: 10rpx;
background-color: #fff;
padding: 20rpx;
border-radius: 10rpx;
}
.charts-box { .charts-box {
margin-top: 20rpx; margin-top: 20rpx;
height: 100vh; height: 100vh;
.data-time { .data-time {
position: absolute; position: absolute;
right: 20rpx; right: 20rpx;
@@ -379,6 +385,7 @@ export default {
font-size: 24rpx; font-size: 24rpx;
} }
} }
.header-form { .header-form {
display: flex; display: flex;
} }

View File

@@ -25,8 +25,8 @@
<template v-for="(item, index) in IOData"> <template v-for="(item, index) in IOData">
<view class="item">{{ item.clDid }}</view> <view class="item">{{ item.clDid }}</view>
<view class="item" style="font-weight: 700"> <view class="item" style="font-weight: 700">
{{ Math.floor(item.value) || '-' }} {{ Math.floor(item.value) }}
<view v-if="item.value"> °C</view> <view> °C</view>
</view> </view>
</template> </template>
<template v-for="(item, index) in 3 - (IOData.length % 3)"> <template v-for="(item, index) in 3 - (IOData.length % 3)">
@@ -170,7 +170,7 @@ export default {
// }, // },
{ {
iconPath: '/static/about.png', iconPath: '/static/about.png',
text: '关于', text: '详情',
}, },
// { // {
// iconPath: '/static/access.png', // iconPath: '/static/access.png',
@@ -235,7 +235,7 @@ export default {
uni.switchTab({ uni.switchTab({
url: '/pages/index/message1', url: '/pages/index/message1',
}) })
} else if (e.text === '关于') { } else if (e.text === '详情') {
uni.navigateTo({ url: '/pages/device/APF/about?id=' + this.devId }) uni.navigateTo({ url: '/pages/device/APF/about?id=' + this.devId })
} else if (e.text === '移交') { } else if (e.text === '移交') {
uni.navigateTo({ url: '/pages/device/transfer?id=' + this.devId }) uni.navigateTo({ url: '/pages/device/transfer?id=' + this.devId })
@@ -673,8 +673,9 @@ export default {
.header { .header {
position: relative; position: relative;
width: 375px; width: 100vw;
margin: 0 auto; display: flex;
justify-content: center;
overflow: hidden; overflow: hidden;
image { image {
@@ -691,7 +692,7 @@ export default {
z-index: 2; z-index: 2;
text-align: center; text-align: center;
color: #111; color: #111;
width: 150rpx; width: 180rpx;
font-size: 16rpx; font-size: 16rpx;
opacity: 0.8; opacity: 0.8;

View File

@@ -98,7 +98,7 @@ export default {
// }, // },
{ {
iconPath: '/static/about.png', iconPath: '/static/about.png',
text: '关于', text: '详情',
}, },
// { // {
// iconPath: '/static/access.png', // iconPath: '/static/access.png',
@@ -130,7 +130,7 @@ export default {
uni.navigateTo({ url: '/pages/device/DVR/record' }) uni.navigateTo({ url: '/pages/device/DVR/record' })
} else if (e.text === '事件') { } else if (e.text === '事件') {
uni.navigateTo({ url: '/pages/device/DVR/report' }) uni.navigateTo({ url: '/pages/device/DVR/report' })
} else if (e.text === '关于') { } else if (e.text === '详情') {
uni.navigateTo({ url: '/pages/device/DVR/about' }) uni.navigateTo({ url: '/pages/device/DVR/about' })
} else if (e.text === '移交') { } else if (e.text === '移交') {
uni.navigateTo({ url: '/pages/device/transfer' }) uni.navigateTo({ url: '/pages/device/transfer' })

View File

@@ -95,7 +95,7 @@
@change="positionChange" :clear="false" disabled></uni-data-select> @change="positionChange" :clear="false" disabled></uni-data-select>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="别名"> <uni-forms-item label="别名">
<uni-easyinput :clearable="false" type="text" v-model="point.alias" <uni-easyinput :clearable="false" maxlength="24" type="text" v-model="point.alias"
@change="aliasChange" placeholder="别名(非必填)" /> @change="aliasChange" placeholder="别名(非必填)" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="绑定指标"> <uni-forms-item label="绑定指标">

View File

@@ -492,6 +492,6 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
</style> </style>

View File

@@ -107,7 +107,7 @@
@change="positionChange" disabled :clear="false"></uni-data-select> @change="positionChange" disabled :clear="false"></uni-data-select>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="别名"> <uni-forms-item label="别名">
<uni-easyinput :clearable="false" type="text" v-model="point.alias" <uni-easyinput :clearable="false" maxlength="24" type="text" v-model="point.alias"
@change="aliasChange" placeholder="别名(非必填)" /> @change="aliasChange" placeholder="别名(非必填)" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="绑定指标"> <uni-forms-item label="绑定指标">
@@ -369,7 +369,7 @@ export default {
}, },
changeAuth() { changeAuth() {
uni.scanCode({ uni.scanCode({
onlyFromCamera: true, onlyFromCamera: false,
success: (res) => { success: (res) => {
console.log('条码类型:' + res.scanType) console.log('条码类型:' + res.scanType)
console.log('条码内容:' + res.result) console.log('条码内容:' + res.result)
@@ -664,4 +664,19 @@ export default {
left: -9999px; left: -9999px;
width: 375px; width: 375px;
} }
/deep/ .uni-select__input-text {
width: 170px !important;
}
/deep/ .uni-select__selector-item {
uni-text {
white-space: nowrap !important;
/* 强制不换行 */
overflow: hidden !important;
/* 溢出内容隐藏 */
text-overflow: ellipsis !important;
/* 溢出部分显示省略号 */
}
}
</style> </style>

View File

@@ -21,7 +21,10 @@
所属工程<view>{{ device.engineeringName }}</view> 所属工程<view>{{ device.engineeringName }}</view>
</view> </view>
<view class="info-item"> <view class="info-item">
所属项目<view>{{ device.equipmentName }}</view> 所属项目<view>{{ device.projectName }}</view>
</view>
<view class="info-item">
所属设备<view>{{ device.equipmentName }}</view>
</view> </view>
<view class="info-item status"> <view class="info-item status">
@@ -87,9 +90,14 @@
</view> </view>
<!-- 底部指标数据 --> <!-- 底部指标数据 -->
<view class="params-wrap"> <view class="params-wrap ">
<view class="legend-row mt10">
<view class="params-section"> <view class="legend-item" v-for="phase in phaseColors" :key="phase.name">
<view class="legend-dot" :style="{ background: phase.color }" />
<text class="legend-text">{{ phase.name }}</text>
</view>
</view>
<view class="params-section mb40">
<view v-for="(rowItems, rowIdx) in chunkedChildren(realTimeData)" :key="rowIdx" <view v-for="(rowItems, rowIdx) in chunkedChildren(realTimeData)" :key="rowIdx"
class="double-row"> class="double-row">
<view v-for="(child, childIdx) in rowItems" :key="childIdx" class="param-group"> <view v-for="(child, childIdx) in rowItems" :key="childIdx" class="param-group">
@@ -135,7 +143,11 @@ export default {
data() { data() {
return { return {
loading: true, loading: true,
phaseColors: [
{ name: 'A相', color: '#DAA520' },
{ name: 'B相', color: '#2E8B57' },
{ name: 'C相', color: '#D54941' },
],
deviceInfo: {}, deviceInfo: {},
// 使用上面定义的图表配置项 // 使用上面定义的图表配置项
option: {}, option: {},
@@ -173,8 +185,8 @@ export default {
{ name: '电压总谐波畸变率(%)', A: '-', B: '-', C: '-' }, { name: '电压总谐波畸变率(%)', A: '-', B: '-', C: '-' },
], ],
phaseColors: [ phaseColors: [
{ name: 'A相', color: '#F1B22E' }, { name: 'A相', color: '#DAA520' },
{ name: 'B相', color: '#2BA471' }, { name: 'B相', color: '#2E8B57' },
{ name: 'C相', color: '#D54941' }, { name: 'C相', color: '#D54941' },
], ],
disabled: false, disabled: false,
@@ -190,7 +202,7 @@ export default {
}, },
{ {
iconPath: '/static/about.png', iconPath: '/static/about.png',
text: '关于', text: '详情',
}, },
], ],
device: {}, device: {},
@@ -969,7 +981,7 @@ export default {
url: '/pages/index/message1', url: '/pages/index/message1',
}) })
// uni.navigateTo({ url: '/pages/device/APF/report?id=' + this.device.equipmentId }) // uni.navigateTo({ url: '/pages/device/APF/report?id=' + this.device.equipmentId })
} else if (e.text === '关于') { } else if (e.text === '详情') {
uni.navigateTo({ url: '/pages/device/APF/about?id=' + this.device.equipmentId }) uni.navigateTo({ url: '/pages/device/APF/about?id=' + this.device.equipmentId })
} else if (e.text === '移交') { } else if (e.text === '移交') {
uni.navigateTo({ url: '/pages/device/transfer?id=' + this.device.equipmentId }) uni.navigateTo({ url: '/pages/device/transfer?id=' + this.device.equipmentId })
@@ -1114,7 +1126,7 @@ export default {
} }
.phase-value-vertical { .phase-value-vertical {
font-size: 28rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
} }
@@ -1191,4 +1203,29 @@ export default {
height: 45rpx; height: 45rpx;
line-height: 45rpx; line-height: 45rpx;
} }
.legend-row {
display: flex;
gap: 20rpx;
align-items: center;
justify-content: end;
padding: 16rpx 20rpx;
}
.legend-item {
display: flex;
align-items: center;
gap: 8rpx;
}
.legend-dot {
width: 16rpx;
height: 16rpx;
border-radius: 50%;
}
.legend-text {
font-size: 24rpx;
color: #666666;
}
</style> </style>

View File

@@ -5,14 +5,8 @@
<view class="transfer"> <view class="transfer">
<!-- <div class="transfer-img" ref="qrCodeUrl" /> --> <!-- <div class="transfer-img" ref="qrCodeUrl" /> -->
<!-- <uqrcode ref="uqrcode" canvas-id="qrcode" :value="content" :options="{ margin: 10 }"></uqrcode> --> <!-- <uqrcode ref="uqrcode" canvas-id="qrcode" :value="content" :options="{ margin: 10 }"></uqrcode> -->
<uqrcode <uqrcode ref="uqrcode" canvas-id="qrcode" :value="content" size="200" @complete="complete"
ref="uqrcode" :loading="false"></uqrcode>
canvas-id="qrcode"
:value="content"
size="200"
@complete="complete"
:loading="false"
></uqrcode>
<view style="height: 200rpx"></view> <view style="height: 200rpx"></view>
<view class="transfer-text">请让接收人员扫码接收</view> <view class="transfer-text">请让接收人员扫码接收</view>
<view class="transfer-btn"> <view class="transfer-btn">
@@ -25,16 +19,8 @@
</view> </view>
</Cn-page> </Cn-page>
<uni-popup ref="alertDialog" type="dialog"> <uni-popup ref="alertDialog" type="dialog">
<uni-popup-dialog <uni-popup-dialog style="width: 90%; margin: 5%" type="info" cancelText="禁止" confirmText="允许" title="权限说明"
style="width: 90%; margin: 5%" content='是否允许"灿能物联"使用相机?' @confirm="handleScon('camera')" @close="dialogClose"></uni-popup-dialog>
type="info"
cancelText="禁止"
confirmText="允许"
title="权限说明"
content='是否允许"灿能物联"使用相机?'
@confirm="handleScon('camera')"
@close="dialogClose"
></uni-popup-dialog>
</uni-popup> </uni-popup>
<uni-popup ref="message" type="message"> <uni-popup ref="message" type="message">
<uni-popup-message type="info" :duration="0" style="width: 90%; margin: 5%"> <uni-popup-message type="info" :duration="0" style="width: 90%; margin: 5%">
@@ -92,7 +78,7 @@ export default {
handleScon() { handleScon() {
this.$refs.message.close() this.$refs.message.close()
uni.scanCode({ uni.scanCode({
onlyFromCamera:true, // onlyFromCamera:false,
success: (res) => { success: (res) => {
console.log(res) console.log(res)
let data = JSON.parse(res.result) let data = JSON.parse(res.result)
@@ -107,7 +93,7 @@ export default {
}, },
}) })
}, },
dialogClose() {this.$refs.message.close()}, dialogClose() { this.$refs.message.close() },
}, },
onLoad(options) { onLoad(options) {
this.options = options this.options = options
@@ -125,8 +111,7 @@ export default {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.transfer-img { .transfer-img {}
}
.transfer-text { .transfer-text {
font-size: 28rpx; font-size: 28rpx;

View File

@@ -10,10 +10,8 @@
<view class="message"> <view class="message">
<uni-swipe-action>
<uni-swipe-action-item v-for="(item, index) in store.data" <view v-for="(item, index) in store.data" :key="index" style="margin: 0px 7px 7px;">
:style="{ marginTop: index === 0 ? '0' : '' }" :key="index" :threshold="0"
:right-options="item.isTop == 0 ? options1 : options12" @click="bindClick($event, item)">
<!-- extra="🔍" --> <!-- extra="🔍" -->
<uni-card class="boxClick" :title="item.name" @click="jump(item)"> <uni-card class="boxClick" :title="item.name" @click="jump(item)">
<view class="term-list-bottom"> <view class="term-list-bottom">
@@ -26,10 +24,9 @@
<view>{{ item.createTime }}</view> <view>{{ item.createTime }}</view>
</view> </view>
</view> </view>
<view class="pinToTop" v-if="item.isTop == 1"> 置顶 </view>
</uni-card> </uni-card>
</uni-swipe-action-item> </view>
</uni-swipe-action>

View File

@@ -6,7 +6,7 @@
<page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta> <page-meta :page-style="'overflow:'+(show?'hidden':'visible')"></page-meta>
<uni-forms :label-width="80"> <uni-forms :label-width="80">
<uni-forms-item label="工程名称"> <uni-forms-item label="工程名称">
<uni-easyinput type="text" v-model="formData.name" placeholder="请输入工程名称"/> <uni-easyinput type="text" v-model="formData.name" maxlength="50" placeholder="请输入工程名称"/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="位置"> <uni-forms-item label="位置">
<!-- <view style="display:flex;"> <!-- <view style="display:flex;">

View File

@@ -25,11 +25,8 @@
<template v-slot:header> <template v-slot:header>
<view class="slot-box"> <view class="slot-box">
<view class="slot-box-left hide-txt mr20">{{ item.engineerName }}</view> <view class="slot-box-left hide-txt mr20">{{ item.engineerName }}</view>
<switch <switch :checked="selectList.indexOf(item.engineerId) > -1" style="transform: scale(0.8)"
:checked="selectList.indexOf(item.engineerId) > -1" @change="switchChange(item)" />
style="transform: scale(0.8)"
@change="switchChange(item)"
/>
</view> </view>
</template> </template>
</uni-list-item> </uni-list-item>
@@ -74,8 +71,9 @@ export default {
init() { init() {
this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo) this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo)
queryAllEnginner().then((res) => { queryAllEnginner().then((res) => {
this.list = res.data this.list = (res.data || []).slice().sort((a, b) =>
console.log(this.list) (a.engineerName || '').localeCompare(b.engineerName || '', 'zh', { sensitivity: 'accent' }),
)
this.selectList = res.data.filter((item) => item.isSelect === '1').map((item) => item.engineerId) this.selectList = res.data.filter((item) => item.isSelect === '1').map((item) => item.engineerId)
console.log(this.selectList) console.log(this.selectList)
this.loading = false this.loading = false

View File

@@ -24,7 +24,7 @@
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="位置"> <uni-forms-item label="位置">
<view style="display:flex;"> <view style="display:flex;">
<uni-easyinput :clearable="false" type="textarea" autoHeight v-model="formData.address" <uni-easyinput :clearable="false" maxlength="250" type="textarea" autoHeight v-model="formData.address"
placeholder="请输入位置信息" /> placeholder="请输入位置信息" />
<!-- <uni-icons type="location" color="#007aff" size="26" class="ml20" <!-- <uni-icons type="location" color="#007aff" size="26" class="ml20"
@click="chooseLocation"></uni-icons> --> @click="chooseLocation"></uni-icons> -->

View File

@@ -65,7 +65,7 @@
<view class="content"> <view class="content">
<view class="content-des">请拖动图中的蓝色定位图标选择监测点位置(左上角)</view> <view class="content-des">请拖动图中的蓝色定位图标选择监测点位置(左上角)</view>
<uni-forms> <uni-forms>
<uni-easyinput type="text" v-model="pointName" placeholder="请输入设监测点名称" /> <uni-easyinput type="text" v-model="pointName" maxlength="24" placeholder="请输入设监测点名称" />
</uni-forms> </uni-forms>
<view class="btn-wrap"> <view class="btn-wrap">
<view class="btn-wrap-item" @click="closeDrawer"> 取消 </view> <view class="btn-wrap-item" @click="closeDrawer"> 取消 </view>

View File

@@ -8,10 +8,10 @@
<uni-data-select v-model="item.type" :localdata="range"></uni-data-select> <uni-data-select v-model="item.type" :localdata="range"></uni-data-select>
</uni-forms-item> --> </uni-forms-item> -->
<uni-forms-item label="标题"> <uni-forms-item label="标题">
<uni-easyinput type="text" v-model="formData.title" placeholder="请输入问题简要"/> <uni-easyinput type="text" v-model="formData.title" maxlength="32" placeholder="请输入问题简要"/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="描述"> <uni-forms-item label="描述">
<uni-easyinput type="textarea" v-model="formData.description" placeholder="请输入详细描述"/> <uni-easyinput type="textarea" v-model="formData.description" maxlength="999" placeholder="请输入详细描述"/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="图片"> <uni-forms-item label="图片">
<uni-file-picker :auto-upload="false" @select="fileChange" @delete="delImg"> <uni-file-picker :auto-upload="false" @select="fileChange" @delete="delImg">
@@ -23,9 +23,9 @@
<view class="btn-wrap"> <view class="btn-wrap">
<view class="btn-wrap-item " @click="submit"> 提交</view> <view class="btn-wrap-item " @click="submit"> 提交</view>
</view> </view>
<navigator url="/pages/home/service" hover-class="none" class="fixed-btn"> <!-- <navigator url="/pages/home/service" hover-class="none" class="fixed-btn">
<image src="/static/service.png" style="height:66rpx;width:66rpx"/> <image src="/static/service.png" style="height:66rpx;width:66rpx"/>
</navigator> </navigator> -->
</view> </view>
</view> </view>
</Cn-page> </Cn-page>
@@ -83,6 +83,7 @@ export default {
}) })
return return
} }
console.log("🚀 ~ this.formData:", this.formData)
addFeedBack(this.formData).then(res => { addFeedBack(this.formData).then(res => {
console.log(res) console.log(res)
console.log(this.formData.files.length) console.log(this.formData.files.length)

View File

@@ -9,11 +9,11 @@
</view> </view>
<view class="smallLabel mt20"> <view class="smallLabel mt20">
<view class="boxCenter"> <view class="boxCenter">
<view> <!-- <view>
<checkbox-group @change="changeBox" class="boxCenter" <checkbox-group @change="changeBox" class="boxCenter"
><checkbox value="true" :checked="checkedAll" />全选  ><checkbox value="true" :checked="checkedAll" />全选 
</checkbox-group></view </checkbox-group></view
> > -->
已选择 {{ checkedTotal }} 条事件 已选择 {{ checkedTotal }} 条事件
</view> </view>
<view class="nav-menu nav-menu-btn" @click="selectDevice">申请报告 </view> <view class="nav-menu nav-menu-btn" @click="selectDevice">申请报告 </view>
@@ -127,7 +127,7 @@ export default {
checkedAll: false, checkedAll: false,
checkedTotal: 0, checkedTotal: 0,
sort: 0, sort: 0,
array: ['发生时间', '暂降深度', '持续时间'], array: ['发生时间', '暂降幅值', '持续时间'],
} }
}, },
mounted() {}, mounted() {},
@@ -222,21 +222,21 @@ export default {
}, },
judgment(val, key) { judgment(val, key) {
switch (val) { switch (val) {
case '电压暂降': case '暂降':
return { return {
type: 'sag', type: 'sag',
icon: 'icon-a-svg4', icon: 'icon-a-svg4',
color: '#2563eb', color: '#2563eb',
size: '25', size: '25',
} }
case '电压暂升': case '暂升':
return { return {
type: 'swell', type: 'swell',
icon: 'icon-a-svg5', icon: 'icon-a-svg5',
color: '#e6a23c', color: '#e6a23c',
size: '25', size: '25',
} }
case '电压中断': case '中断':
return { return {
type: 'interrupt', type: 'interrupt',
icon: 'icon-zhongduan2', icon: 'icon-zhongduan2',

View File

@@ -39,7 +39,7 @@
</view> </view>
</picker> --> </picker> -->
</view> </view>
<view class="content device" > <view class="content device">
<uni-swipe-action> <uni-swipe-action>
<uni-swipe-action-item v-for="(item, index) in deviceListFilter" :threshold="0" <uni-swipe-action-item v-for="(item, index) in deviceListFilter" :threshold="0"
:right-options="item.isTop == 0 ? options1 : options12" @click="bindClick($event, item)"> :right-options="item.isTop == 0 ? options1 : options12" @click="bindClick($event, item)">
@@ -245,6 +245,8 @@ export default {
engineeringId: this.store.params.engineerId, engineeringId: this.store.params.engineerId,
}).then((res) => { }).then((res) => {
console.log(res) console.log(res)
this.select.projectName = ''
this.select.projectNameIndex = 0
let arr = [ let arr = [
{ {
text: '全部项目', text: '全部项目',
@@ -259,6 +261,7 @@ export default {
}), }),
] ]
this.projectList = arr this.projectList = arr
uni.setStorageSync('projectList', arr) uni.setStorageSync('projectList', arr)
}) })
}, },

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="index-zhuyonghu"> <view class="index-zhuyonghu">
<template v-if="devCount.engineeringListLength > 0"> <template v-if="devCount.engineeringListLength > 0">
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" />
<text>所有工程设备统计</text> <text>所有工程设备统计</text>
</view> </view>
@@ -33,7 +33,7 @@
</view> </view>
<!-- <view class="mt20"></view> --> <!-- <view class="mt20"></view> -->
</template> </template>
<!-- <view class="canneng-index-title mb20">当前工程设备统计</view> <!-- <view class="canneng-index-title mb20 ml20">当前工程设备统计</view>
<view class="header"> <view class="header">
<view class="header-item" @click="jump('nowEngineering')"> <view class="header-item" @click="jump('nowEngineering')">
<view class="header-item-value" <view class="header-item-value"
@@ -50,7 +50,7 @@
<view class="header-item-label">离线设备</view> <view class="header-item-label">离线设备</view>
</view> </view>
</view> --> </view> -->
<view class="canneng-index-title mt20 canneng-index-title-with-icon"> <view class="canneng-index-title mt20 ml20 canneng-index-title-with-icon">
<uni-icons type="settings" size="18" color="#376cf3" /> <uni-icons type="settings" size="18" color="#376cf3" />
<text>常用功能</text> <text>常用功能</text>
</view> </view>

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="index-zhuyonghu"> <view class="index-zhuyonghu">
<template v-if="devCount.engineeringListLength > 1"> <template v-if="devCount.engineeringListLength > 1">
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" />
<text>所有工程设备统计</text> <text>所有工程设备统计</text>
</view> </view>
@@ -21,7 +21,7 @@
</view> </view>
<view class="mt20"></view> <view class="mt20"></view>
</template> </template>
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" />
<text>当前工程设备统计</text> <text>当前工程设备统计</text>
</view> </view>

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="index-zhuanzhi"> <view class="index-zhuanzhi">
<template v-if="devCount.engineeringListLength > 1"> <template v-if="devCount.engineeringListLength > 1">
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" />
<text>所有工程设备统计</text> <text>所有工程设备统计</text>
</view> </view>
@@ -35,7 +35,7 @@
</view> </view>
<view class="mt20"></view> <view class="mt20"></view>
</template> </template>
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" />
<text>当前工程设备统计</text> <text>当前工程设备统计</text>
</view> </view>

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="index-zhuyonghu"> <view class="index-zhuyonghu">
<template v-if="devCount.engineeringListLength > 1"> <template v-if="devCount.engineeringListLength > 1">
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" />
<text>所有工程设备统计</text> <text>所有工程设备统计</text>
</view> </view>
@@ -21,7 +21,7 @@
</view> </view>
<view class="mt20"></view> <view class="mt20"></view>
</template> </template>
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" />
<text>当前工程设备统计</text> <text>当前工程设备统计</text>
</view> </view>
@@ -49,7 +49,7 @@
<view class="header-item-label">稳态事件数</view> <view class="header-item-label">稳态事件数</view>
</view> </view>
</view> </view>
<view class="canneng-index-title mt20 canneng-index-title-with-icon"> <view class="canneng-index-title mt20 ml20 canneng-index-title-with-icon">
<uni-icons type="settings" size="18" color="#376cf3" /> <uni-icons type="settings" size="18" color="#376cf3" />
<text>常用功能</text> <text>常用功能</text>
</view> </view>

View File

@@ -1,7 +1,7 @@
<template> <template>
<view class="index-zhuanzhi"> <view class="index-zhuanzhi">
<template v-if="devCount.engineeringListLength > 1"> <template v-if="devCount.engineeringListLength > 1">
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-gongcheng" size="18" color="#376cf3" />
<text>所有工程设备统计</text> <text>所有工程设备统计</text>
</view> </view>
@@ -33,7 +33,7 @@
</view> </view>
<view class="mt20"></view> <view class="mt20"></view>
</template> </template>
<view class="canneng-index-title mb20 canneng-index-title-with-icon"> <view class="canneng-index-title mb20 ml20 canneng-index-title-with-icon">
<uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" /> <uni-icons custom-prefix="iconfont" type="icon-zaixianjianceshebei" size="18" color="#376cf3" />
<text>当前工程设备统计</text> <text>当前工程设备统计</text>
</view> </view>

View File

@@ -1,4 +1,5 @@
<template> <template>
<page-meta :page-style="'overflow:' + (indicatorPopupShow ? 'hidden' : 'visible')"></page-meta>
<view class="itic2-page"> <view class="itic2-page">
<view class="itic2-content"> <view class="itic2-content">
<view class="project-header card"> <view class="project-header card">
@@ -20,7 +21,7 @@
</view> </view>
</view> </view>
<view class="monitor-section-header"> <view class="monitor-section-header mb16">
<view class="section-title-row section-title-row--no-mb"> <view class="section-title-row section-title-row--no-mb">
<uni-icons type="settings" size="18" color="#376cf3" /> <uni-icons type="settings" size="18" color="#376cf3" />
<text class="section-title">已选展示指标</text> <text class="section-title">已选展示指标</text>
@@ -52,15 +53,24 @@
</view> </view>
</view> </view>
</view> </view>
<view class="monitor-search">
<uni-search-bar v-model="filterKeyword" bgColor="#fff" placeholder="搜索项目、设备、监测点"
cancelButton="none" />
</view>
<view class="monitor-list"> <view class="monitor-list">
<view class="monitor-card card" v-for="(point, idx) in monitoringPoints" :key="idx"> <view class="monitor-card card" v-for="(point, idx) in filteredMonitoringPoints" :key="idx">
<view class="card-header"> <view class="card-header">
<view class="event-icon"> <view class="event-icon">
<Cn-icon-transient name="监测点" /> <Cn-icon-transient name="监测点" />
</view> </view>
<view class="card-header-info"> <view class="card-header-info">
<view class="point-name-row">
<text class="point-name ellipsis">{{ point.pointName }}</text> <text class="point-name ellipsis">{{ point.pointName }}</text>
<text class="event-tag" :class="point.runStatus == 0 ? 'zx-tag' : 'lx-tag'">
{{ point.runStatus == 0 ? '在线' : '离线' }}
</text>
</view>
<view class="meta-row"> <view class="meta-row">
<text class="meta-item ellipsis">项目{{ point.projectName }}</text> <text class="meta-item ellipsis">项目{{ point.projectName }}</text>
<text class="meta-item ellipsis">设备{{ point.deviceName }}</text> <text class="meta-item ellipsis">设备{{ point.deviceName }}</text>
@@ -100,14 +110,14 @@
</view> </view>
</view> </view>
<view class="more-btn" @click="onMoreIndicators(point)"> <view class="more-btn" v-if="shouldShowMoreBtn(point)" @click="onMoreIndicators(point)">
<uni-icons type="list" size="16" color="#376cf3" /> <uni-icons type="list" size="16" color="#376cf3" />
<text>更多指标</text> <text>更多指标</text>
</view> </view>
</view> </view>
<uni-load-more v-if="listStatus == 'loading' || monitoringPoints.length > 0" <uni-load-more v-if="listStatus == 'loading' || filteredMonitoringPoints.length > 0"
:status="listStatus"></uni-load-more> :status="listStatus"></uni-load-more>
<Cn-empty v-else style="top: 35%"></Cn-empty> <Cn-empty v-else-if="listStatus !== 'loading'" style="top: 45%"></Cn-empty>
</view> </view>
</view> </view>
</view> </view>
@@ -116,13 +126,13 @@
<uni-icons type="arrow-up" size="22" color="#fff"></uni-icons> <uni-icons type="arrow-up" size="22" color="#fff"></uni-icons>
</view> </view>
<uni-popup ref="indicatorPopup" type="bottom"> <uni-popup ref="indicatorPopup" type="bottom" :safe-area="false" @change="onIndicatorPopupChange">
<view class="indicator-popup"> <view class="indicator-popup">
<view class="indicator-popup-header"> <view class="indicator-popup-header" @touchmove.stop.prevent>
<text class="indicator-popup-cancel" @click="closeIndicatorPopup">取消</text> <text class="indicator-popup-cancel" @click="closeIndicatorPopup">取消</text>
<text class="indicator-popup-confirm" @click="confirmIndicatorPopup">确定</text> <text class="indicator-popup-confirm" @click="confirmIndicatorPopup">确定</text>
</view> </view>
<view class="indicator-popup-list" scroll-y> <scroll-view class="indicator-popup-list" scroll-y :show-scrollbar="false" @touchmove.stop>
<view v-if="targetLists.length === 0" class="indicator-popup-empty"> <view v-if="targetLists.length === 0" class="indicator-popup-empty">
<text>暂无指标数据</text> <text>暂无指标数据</text>
</view> </view>
@@ -133,7 +143,7 @@
<uni-icons v-if="popupSelectedIndicators.includes(item.name)" type="checkmarkempty" size="18" <uni-icons v-if="popupSelectedIndicators.includes(item.name)" type="checkmarkempty" size="18"
color="#376cf3" /> color="#376cf3" />
</view> </view>
</view> </scroll-view>
</view> </view>
</uni-popup> </uni-popup>
</view> </view>
@@ -144,8 +154,17 @@ import { queryByCode, queryCsDictTree } from '@/common/api/dictionary'
import { getLineDataByEngineer } from '@/common/api/harmonic' import { getLineDataByEngineer } from '@/common/api/harmonic'
import { getDevCount } from '@/common/api/device.js' import { getDevCount } from '@/common/api/device.js'
/** 无本地缓存时的默认展示指标:电压、电流 */
const DEFAULT_INDICATOR_CODES = ['Key_Power_Quality_V', 'Key_Power_Quality_I'] const DEFAULT_INDICATOR_CODES = ['Key_Power_Quality_V', 'Key_Power_Quality_I']
/** 治理测点(lineType=0)卡片默认展示的指标 */
const GOVERNANCE_DEFAULT_INDICATORS = [
'电网电流',
'电网电压',
'负载电流',
'总输出电流',
]
export default { export default {
data() { data() {
return { return {
@@ -160,28 +179,51 @@ export default {
], ],
selectedIndicators: [], selectedIndicators: [],
phaseColors: [ phaseColors: [
{ name: 'A相', color: '#F1B22E' }, { name: 'A相', color: '#DAA520' },
{ name: 'B相', color: '#2BA471' }, { name: 'B相', color: '#2E8B57' },
{ name: 'C相', color: '#D54941' }, { name: 'C相', color: '#D54941' },
], ],
monitoringPoints: [], monitoringPoints: [],
filterKeyword: '',
listStatus: 'noMore', listStatus: 'noMore',
lineDataRequestId: 0, lineDataRequestId: 0,
showBackTop: false, showBackTop: false,
indicatorPopupShow: false,
skipRefreshOnShow: false,
} }
}, },
computed: {
filteredMonitoringPoints() {
const keyword = (this.filterKeyword || '').trim().toLowerCase()
if (!keyword) return this.monitoringPoints
return this.monitoringPoints.filter((point) => {
const projectName = String(point.projectName || '').toLowerCase()
const deviceName = String(point.deviceName || '').toLowerCase()
const pointName = String(point.pointName || '').toLowerCase()
return (
projectName.indexOf(keyword) !== -1 ||
deviceName.indexOf(keyword) !== -1 ||
pointName.indexOf(keyword) !== -1
)
})
},
},
onPageScroll(e) { onPageScroll(e) {
this.showBackTop = e.scrollTop > 200 this.showBackTop = e.scrollTop > 200
}, },
// 页面显示时同步工程名称 // 页面显示时同步工程名称;从指标详情返回时不刷新
onShow() { onShow() {
const engineering = uni.getStorageSync('engineering') const engineering = uni.getStorageSync('engineering')
const skipRefresh = this.skipRefreshOnShow
this.skipRefreshOnShow = false
if (engineering?.id) { if (engineering?.id) {
this.engineeringName = engineering.name || '' this.engineeringName = engineering.name || ''
this.engineeringId = engineering.id this.engineeringId = engineering.id
if (!skipRefresh) {
this.info() this.info()
} }
if (this.targetLists.length) { }
if (this.targetLists.length && !skipRefresh) {
this.loadSelectedIndicators() this.loadSelectedIndicators()
} }
}, },
@@ -219,6 +261,7 @@ export default {
loadLineData() { loadLineData() {
this.listStatus = 'loading' this.listStatus = 'loading'
this.monitoringPoints = [] this.monitoringPoints = []
this.filterKeyword = ''
const requestId = ++this.lineDataRequestId const requestId = ++this.lineDataRequestId
const engineerId = this.engineeringId const engineerId = this.engineeringId
getLineDataByEngineer({ id: engineerId }) getLineDataByEngineer({ id: engineerId })
@@ -248,6 +291,8 @@ export default {
deviceName: point.deviceName || '', deviceName: point.deviceName || '',
pointName: point.pointName || '', pointName: point.pointName || '',
dataTime: point.dataTime || '', dataTime: point.dataTime || '',
lineType: point.lineType,
runStatus: point.runStatus,
children: this.groupChildren(point.children || []), children: this.groupChildren(point.children || []),
})) }))
}, },
@@ -278,7 +323,9 @@ export default {
}, },
formatPhaseValue(value) { formatPhaseValue(value) {
if (value === null || value === undefined || value === '') return '-' if (value === null || value === undefined || value === '') return '-'
return String(value) const num = Number(value)
if (Number.isNaN(num)) return String(value)
return num.toFixed(2)
}, },
hasTPhaseData(child) { hasTPhaseData(child) {
return child.T !== undefined && child.T !== null && child.T !== '-' return child.T !== undefined && child.T !== null && child.T !== '-'
@@ -358,6 +405,9 @@ export default {
this.$refs.indicatorPopup.close() this.$refs.indicatorPopup.close()
this.popupSelectedIndicators = [] this.popupSelectedIndicators = []
}, },
onIndicatorPopupChange(e) {
this.indicatorPopupShow = !!e.show
},
// 切换弹窗内指标勾选状态 // 切换弹窗内指标勾选状态
togglePopupIndicator(name) { togglePopupIndicator(name) {
const idx = this.popupSelectedIndicators.indexOf(name) const idx = this.popupSelectedIndicators.indexOf(name)
@@ -377,23 +427,35 @@ export default {
this.saveSelectedIndicators() this.saveSelectedIndicators()
this.closeIndicatorPopup() this.closeIndicatorPopup()
}, },
// 查看更多指标 // 跳转指标详情页,展示该监测点全部指标
onMoreIndicators(point) { onMoreIndicators(point) {
this.skipRefreshOnShow = true
uni.setStorageSync('monitorPointDetail', { uni.setStorageSync('monitorPointDetail', {
...point, ...point,
engineeringName: this.engineeringName, engineeringName: this.engineeringName,
selectedIndicators: [...this.selectedIndicators], showAllIndicators: true,
}) })
uni.navigateTo({ uni.navigateTo({
url: '/pages/index/comp/targetInfo', url: '/pages/index/comp/targetInfo',
}) })
}, },
// 获取监测点当前展示的指标数据 // 治理测点默认 4 项;普通测点按顶部已选指标过滤
getDisplayChildren(point) { getDisplayChildren(point) {
return (point.children || []).filter((child) => const children = point.children || []
if (point.lineType === 0) {
return GOVERNANCE_DEFAULT_INDICATORS.map((name) =>
children.find((child) => this.matchIndicator(child.name, name)),
).filter(Boolean)
}
return children.filter((child) =>
this.selectedIndicators.some((name) => this.matchIndicator(child.name, name)), this.selectedIndicators.some((name) => this.matchIndicator(child.name, name)),
) )
}, },
// 有指标数据时显示「更多指标」
shouldShowMoreBtn(point) {
return (point.children || []).length > 0
},
// 将指标列表按每行两个分组 // 将指标列表按每行两个分组
chunkedChildren(children) { chunkedChildren(children) {
const result = [] const result = []
@@ -421,7 +483,7 @@ export default {
} }
.itic2-content { .itic2-content {
padding: 20rpx 0 40rpx; padding: 20rpx 0 0rpx;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -437,7 +499,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
.card { .card {
@@ -581,7 +643,7 @@ export default {
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
gap: 12rpx; gap: 12rpx;
padding: 0 10px 16rpx; padding: 0 10px 0rpx;
} }
.legend-row { .legend-row {
@@ -607,6 +669,18 @@ export default {
color: #666666; color: #666666;
} }
.monitor-search {
position: sticky;
top: 0;
z-index: 10;
padding: 16rpx 10px 16rpx;
background: #f7f8fa;
/deep/ .uni-searchbar {
padding: 0;
}
}
.monitor-list { .monitor-list {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -642,17 +716,35 @@ export default {
min-width: 0; min-width: 0;
} }
.point-name-row {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 8rpx;
min-width: 0;
}
.point-name { .point-name {
display: block; // flex: 1;
min-width: 0;
font-size: 30rpx; font-size: 30rpx;
font-weight: 700; font-weight: 700;
color: #333333; color: #333333;
margin-bottom: 8rpx; }
.point-type-tag {
flex-shrink: 0;
padding: 4rpx 12rpx;
font-size: 22rpx;
color: #2E8B57;
background: #2E8B5715;
border-radius: 8rpx;
line-height: 1.2;
} }
.meta-row { .meta-row {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr;
gap: 6rpx 12rpx; gap: 6rpx 12rpx;
} }
@@ -720,7 +812,7 @@ export default {
} }
.phase-value-vertical { .phase-value-vertical {
font-size: 28rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
&--neutral { &--neutral {
@@ -784,7 +876,7 @@ export default {
} }
.indicator-popup-list { .indicator-popup-list {
max-height: 60vh; height: 60vh;
padding: 16rpx 0; padding: 16rpx 0;
box-sizing: border-box; box-sizing: border-box;
} }
@@ -809,4 +901,28 @@ export default {
background: #376cf310; background: #376cf310;
} }
} }
.event-tag {
font-size: 22rpx;
padding: 2rpx 10rpx;
border-radius: 8rpx;
margin-top: 5rpx;
margin-left: 10rpx;
// height: 38rpx;
}
// 在线
.zx-tag {
background-color: #10b98120;
color: #10b981;
}
.lx-tag {
background-color: #ff3b3020;
color: #ff3b30;
}
/deep/ .uni-searchbar__box {
justify-content: left;
}
</style> </style>

View File

@@ -180,46 +180,14 @@ export default {
timeType: this.selectValue.report, timeType: this.selectValue.report,
}) })
.then((res) => { .then((res) => {
// 下载文件资源到本地 const match = this.$config.static + res.data.match(/excelreport([^?]*)/)[1]
uni.downloadFile({ uni.downloadFile({
url: res.data, // 后端返回的线上文件路径 url: match,
success: function (res) { success: (downloadRes) => {
if (res.statusCode === 200) { if (downloadRes.statusCode === 200) {
// 文件到本地 this.openReportFile(downloadRes.tempFilePath)
uni.saveFile({
tempFilePath: res.tempFilePath, //临时路径
success: function (data) {
var savedFilePath = data.savedFilePath
// 在app端执行
// #ifdef APP-PLUS
let osname = plus.os.name
// 如果是安卓的话弹出提示
uni.showToast({
icon: 'success',
mask: true,
title: '下载成功!',
duration: 1000,
})
// #endif
//ios手机直接打开文件手动存储文件到手机Android手机从根目录创建文件夹保存文件并改名
setTimeout(() => {
//打开文档查看
uni.openDocument({
filePath: data.savedFilePath,
success: function (ress) {
console.log('成功打开文件')
},
fail() {
console.log('打开文件失败')
},
})
}, 500)
},
})
console.log('下载成功')
} else { } else {
uni.hideLoading()
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
mask: true, mask: true,
@@ -228,10 +196,19 @@ export default {
}) })
} }
}, },
fail: function (res) { }, fail: () => {
uni.hideLoading()
uni.showToast({
icon: 'none',
mask: true,
title: '下载失败!',
duration: 1000,
})
},
}) })
}) })
.catch((err) => { .catch((err) => {
uni.hideLoading()
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
mask: true, mask: true,
@@ -240,6 +217,72 @@ export default {
}) })
}) })
}, },
openReportFile(tempFilePath) {
const previewFile = (filePath) => {
uni.hideLoading()
uni.openDocument({
filePath,
fileType: 'xlsx',
showMenu: true,
success: () => {
console.log('成功打开文件')
},
fail: (err) => {
console.log('打开文件失败', err)
uni.showToast({
icon: 'none',
title: '预览失败',
})
},
})
}
// #ifdef APP-PLUS
// iOS 需保留 xlsx 后缀saveFile 随机路径会导致 openDocument 失败
if (plus.os.name === 'iOS') {
const fileName = `harmonic_report_${Date.now()}.xlsx`
plus.io.resolveLocalFileSystemURL(
tempFilePath,
(entry) => {
plus.io.resolveLocalFileSystemURL(
'_doc/',
(docEntry) => {
entry.copyTo(
docEntry,
fileName,
(newEntry) => previewFile(newEntry.fullPath),
() => previewFile(tempFilePath)
)
},
() => previewFile(tempFilePath)
)
},
() => previewFile(tempFilePath)
)
return
}
// #endif
uni.saveFile({
tempFilePath,
success: (data) => {
uni.showToast({
icon: 'success',
mask: true,
title: '下载成功!',
duration: 1000,
})
setTimeout(() => previewFile(data.savedFilePath), 500)
},
fail: () => {
uni.hideLoading()
uni.showToast({
icon: 'none',
title: '保存失败!',
})
},
})
},
// 下拉 // 下拉
refresherrefresh() { refresherrefresh() {
this.triggered = true this.triggered = true
@@ -384,6 +427,10 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
}
/deep/ .segmented-control__text {
line-height: 60rpx !important;
} }
</style> </style>

View File

@@ -7,7 +7,12 @@
<Cn-icon-transient name="监测点" /> <Cn-icon-transient name="监测点" />
</view> </view>
<view class="card-header-info"> <view class="card-header-info">
<view class="point-name-row">
<text class="point-name ellipsis">{{ pointInfo.pointName || '-' }}</text> <text class="point-name ellipsis">{{ pointInfo.pointName || '-' }}</text>
<text class="event-tag ml10" :class="pointInfo.runStatus == 0 ? 'zx-tag' : 'lx-tag'">
{{ pointInfo.runStatus == 0 ? '在线' : '离线' }}
</text>
</view>
<view class="meta-row"> <view class="meta-row">
<text v-if="pointInfo.engineeringName" class="meta-item ellipsis"> <text v-if="pointInfo.engineeringName" class="meta-item ellipsis">
工程{{ pointInfo.engineeringName }} 工程{{ pointInfo.engineeringName }}
@@ -27,12 +32,9 @@
</view> </view>
<view v-if="moreChildren.length" class="params-section"> <view v-if="moreChildren.length" class="params-section">
<view <view v-for="(rowItems, rowIdx) in chunkedChildren(moreChildren)" :key="rowIdx" class="double-row">
v-for="(rowItems, rowIdx) in chunkedChildren(moreChildren)" <view v-for="(child, childIdx) in rowItems" :key="child.targetId || childIdx"
:key="rowIdx" class="param-group">
class="double-row"
>
<view v-for="(child, childIdx) in rowItems" :key="child.targetId || childIdx" class="param-group">
<view class="param-title"> <view class="param-title">
<text>{{ child.name }}{{ child.unit ? ` (${child.unit})` : '' }}</text> <text>{{ child.name }}{{ child.unit ? ` (${child.unit})` : '' }}</text>
</view> </view>
@@ -41,22 +43,25 @@
</view> </view>
<view v-else class="phase-vertical"> <view v-else class="phase-vertical">
<view class="phase-item-vertical"> <view class="phase-item-vertical">
<text class="phase-value-vertical" :style="{ color: phaseColors[0].color }">{{ child.A }}</text> <text class="phase-value-vertical" :style="{ color: phaseColors[0].color }">{{
child.A }}</text>
</view> </view>
<view class="phase-divider" /> <view class="phase-divider" />
<view class="phase-item-vertical"> <view class="phase-item-vertical">
<text class="phase-value-vertical" :style="{ color: phaseColors[1].color }">{{ child.B }}</text> <text class="phase-value-vertical" :style="{ color: phaseColors[1].color }">{{
child.B }}</text>
</view> </view>
<view class="phase-divider" /> <view class="phase-divider" />
<view class="phase-item-vertical"> <view class="phase-item-vertical">
<text class="phase-value-vertical" :style="{ color: phaseColors[2].color }">{{ child.C }}</text> <text class="phase-value-vertical" :style="{ color: phaseColors[2].color }">{{
child.C }}</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view v-else class="empty-wrap"> <view v-else class="empty-wrap">
<Cn-empty msg="暂无更多指标" :paddingTop="120"></Cn-empty> <Cn-empty msg="暂无指标数据" :paddingTop="120"></Cn-empty>
</view> </view>
</view> </view>
</scroll-view> </scroll-view>
@@ -69,28 +74,21 @@ export default {
return { return {
pointInfo: {}, pointInfo: {},
phaseColors: [ phaseColors: [
{ name: 'A相', color: '#F1B22E' }, { name: 'A相', color: '#DAA520' },
{ name: 'B相', color: '#2BA471' }, { name: 'B相', color: '#2E8B57' },
{ name: 'C相', color: '#D54941' }, { name: 'C相', color: '#D54941' },
], ],
} }
}, },
computed: { computed: {
moreChildren() { moreChildren() {
const children = this.pointInfo.children || [] return this.pointInfo.children || []
const selected = this.getSelectedIndicators()
return children.filter(
(child) => !selected.some((name) => this.matchIndicator(child.name, name)),
)
}, },
}, },
onLoad() { onLoad() {
const point = uni.getStorageSync('monitorPointDetail') const point = uni.getStorageSync('monitorPointDetail')
if (point) { if (point) {
this.pointInfo = { this.pointInfo = { ...point }
...point,
selectedIndicators: this.getSelectedIndicatorsFromStorage(point.selectedIndicators),
}
if (point.pointName) { if (point.pointName) {
uni.setNavigationBarTitle({ title: point.pointName }) uni.setNavigationBarTitle({ title: point.pointName })
} }
@@ -100,22 +98,6 @@ export default {
uni.removeStorageSync('monitorPointDetail') uni.removeStorageSync('monitorPointDetail')
}, },
methods: { methods: {
getSelectedIndicatorsFromStorage(fallback = []) {
const cached = uni.getStorageSync(this.$cacheKey.monitorSelectedIndicators)
if (Array.isArray(cached) && cached.length) {
return cached
}
return Array.isArray(fallback) ? fallback : []
},
getSelectedIndicators() {
return this.getSelectedIndicatorsFromStorage(this.pointInfo.selectedIndicators)
},
matchIndicator(name, selected) {
if (!name || !selected) return false
const base = (name || '').replace(/\(.*\)/, '').trim()
const selectedBase = (selected || '').replace(/\(.*\)/, '').trim()
return base === selectedBase
},
hasTPhaseData(child) { hasTPhaseData(child) {
return child.T !== undefined && child.T !== null && child.T !== '-' return child.T !== undefined && child.T !== null && child.T !== '-'
}, },
@@ -178,17 +160,25 @@ export default {
min-width: 0; min-width: 0;
} }
.point-name-row {
display: flex;
align-items: center;
gap: 12rpx;
margin-bottom: 8rpx;
min-width: 0;
}
.point-name { .point-name {
display: block; // flex: 1;
min-width: 0;
font-size: 30rpx; font-size: 30rpx;
font-weight: 700; font-weight: 700;
color: #333333; color: #333333;
margin-bottom: 8rpx;
} }
.meta-row { .meta-row {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr ;
gap: 6rpx 12rpx; gap: 6rpx 12rpx;
} }
@@ -210,6 +200,7 @@ export default {
display: flex; display: flex;
gap: 20rpx; gap: 20rpx;
align-items: center; align-items: center;
justify-content: end;
padding: 16rpx 20rpx; padding: 16rpx 20rpx;
} }
@@ -285,7 +276,7 @@ export default {
} }
.phase-value-vertical { .phase-value-vertical {
font-size: 28rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
&--neutral { &--neutral {
@@ -304,4 +295,21 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.event-tag {
flex-shrink: 0;
font-size: 22rpx;
padding: 2rpx 10rpx;
border-radius: 8rpx;
}
.zx-tag {
background-color: #10b98120;
color: #10b981;
}
.lx-tag {
background-color: #ff3b3020;
color: #ff3b30;
}
</style> </style>

View File

@@ -18,8 +18,8 @@
<Cn-filterCriteria @select="select" :showQianTree="false"> </Cn-filterCriteria> <Cn-filterCriteria @select="select" :showQianTree="false"> </Cn-filterCriteria>
</view> </view>
<scroll-view scroll-y="true" @scroll="onScroll" :scroll-top="scrollTop" scroll-with-animation <scroll-view scroll-y="true" @scroll="onScroll" :scroll-top="scrollTop" scroll-with-animation
@refresherrefresh="refresherrefresh" @scrolltolower="scrolltolower" @refresherrefresh="refresherrefresh" @scrolltolower="scrolltolower" :refresher-triggered="triggered"
:refresher-triggered="triggered" refresher-enabled="true" class="record event-list mt20" refresher-enabled="true" class="record event-list mt20"
:style="{ height: 'calc(100vh - ' + (navHeight + height) + 'px)', overflow: 'auto' }"> :style="{ height: 'calc(100vh - ' + (navHeight + height) + 'px)', overflow: 'auto' }">
<uni-card class="event-item" :class="item.type" v-for="(item, index) in store.data" :key="index"> <uni-card class="event-item" :class="item.type" v-for="(item, index) in store.data" :key="index">
<!-- 头部图标 + 信息 + 操作 --> <!-- 头部图标 + 信息 + 操作 -->
@@ -192,10 +192,17 @@ export default {
uni.showToast({ uni.showToast({
icon: 'success', icon: 'success',
mask: true, mask: true,
title: '生成事件报告成功!', title: '生成报告成功!',
duration: 1000, duration: 1000,
}) })
this.store.reload() this.store.reload()
}).catch((err) => {
uni.showToast({
icon: 'none',
mask: true,
title: err.message,
duration: 1000,
})
}) })
}, },
// 下载报告 // 下载报告
@@ -208,46 +215,26 @@ export default {
id: item.eventId, id: item.eventId,
}) })
.then((res) => { .then((res) => {
// 下载文件资源到本地 const pathMatch = res.data.match(/excelreport([^?]*)/)
uni.downloadFile({ if (!pathMatch) {
url: res.data, // 后端返回的线上文件路径 uni.hideLoading()
success: function (res) {
if (res.statusCode === 200) {
// 文件到本地
uni.saveFile({
tempFilePath: res.tempFilePath, //临时路径
success: function (data) {
var savedFilePath = data.savedFilePath
// 在app端执行
// #ifdef APP-PLUS
let osname = plus.os.name
// 如果是安卓的话弹出提示
uni.showToast({ uni.showToast({
icon: 'success', icon: 'none',
mask: true, mask: true,
title: '下载成功!', title: '文件地址无效',
duration: 1000, duration: 1000,
}) })
return
// #endif }
//ios手机直接打开文件手动存储文件到手机Android手机从根目录创建文件夹保存文件并改名 const fileMeta = this.getReportFileMeta(pathMatch[1])
setTimeout(() => { const match = this.$config.static + pathMatch[1]
//打开文档查看 uni.downloadFile({
uni.openDocument({ url: match,
filePath: data.savedFilePath, success: (downloadRes) => {
success: function (ress) { if (downloadRes.statusCode === 200) {
console.log('成功打开文件') this.openReportFile(downloadRes.tempFilePath, fileMeta)
},
fail() {
console.log('打开文件失败')
},
})
}, 500)
},
})
console.log('下载成功')
} else { } else {
uni.hideLoading()
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
mask: true, mask: true,
@@ -256,10 +243,19 @@ export default {
}) })
} }
}, },
fail: function (res) { }, fail: () => {
uni.hideLoading()
uni.showToast({
icon: 'none',
mask: true,
title: '下载失败!',
duration: 1000,
})
},
}) })
}) })
.catch((err) => { .catch((err) => {
uni.hideLoading()
uni.showToast({ uni.showToast({
icon: 'none', icon: 'none',
mask: true, mask: true,
@@ -268,6 +264,79 @@ export default {
}) })
}) })
}, },
getReportFileMeta(filePath) {
const lower = (filePath || '').toLowerCase()
if (lower.endsWith('.doc')) {
return { fileType: 'doc', ext: 'doc' }
}
return { fileType: 'docx', ext: 'docx' }
},
openReportFile(tempFilePath, fileMeta) {
const previewFile = (filePath) => {
uni.hideLoading()
uni.openDocument({
filePath,
fileType: fileMeta.fileType,
showMenu: true,
success: () => {
console.log('成功打开文件')
},
fail: (err) => {
console.log('打开文件失败', err)
uni.showToast({
icon: 'none',
title: '预览失败',
})
},
})
}
// #ifdef APP-PLUS
// iOS 需保留 doc/docx 后缀saveFile 随机路径会导致 openDocument 失败
if (plus.os.name === 'iOS') {
const fileName = `event_report_${Date.now()}.${fileMeta.ext}`
plus.io.resolveLocalFileSystemURL(
tempFilePath,
(entry) => {
plus.io.resolveLocalFileSystemURL(
'_doc/',
(docEntry) => {
entry.copyTo(
docEntry,
fileName,
(newEntry) => previewFile(newEntry.fullPath),
() => previewFile(tempFilePath)
)
},
() => previewFile(tempFilePath)
)
},
() => previewFile(tempFilePath)
)
return
}
// #endif
uni.saveFile({
tempFilePath,
success: (data) => {
uni.showToast({
icon: 'success',
mask: true,
title: '下载成功!',
duration: 1000,
})
setTimeout(() => previewFile(data.savedFilePath), 500)
},
fail: () => {
uni.hideLoading()
uni.showToast({
icon: 'none',
title: '保存失败!',
})
},
})
},
// 刷新 // 刷新
reload() { reload() {
switch (this.curSub) { switch (this.curSub) {
@@ -416,6 +485,10 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
}
/deep/ .segmented-control__text {
line-height: 60rpx !important;
} }
</style> </style>

View File

@@ -72,6 +72,7 @@ import Engineering from './comp/engineering.vue'
import list from '../../common/js/list' import list from '../../common/js/list'
import { getDevCount } from '../../common/api/device.js' import { getDevCount } from '../../common/api/device.js'
import { queryEngineering } from '@/common/api/engineering.js' import { queryEngineering } from '@/common/api/engineering.js'
import { checkAppUpdate } from '@/common/js/update.js'
export default { export default {
mixins: [list], mixins: [list],
@@ -252,6 +253,11 @@ export default {
this.showBackTop = e.scrollTop > 200 this.showBackTop = e.scrollTop > 200
}, },
onLoad() { onLoad() {
// #ifdef APP-PLUS
checkAppUpdate()
// #endif
// 页面加载时,动态配置导航栏按钮 // 页面加载时,动态配置导航栏按钮
if (!uni.getStorageSync(this.$cacheKey.access_token)) { if (!uni.getStorageSync(this.$cacheKey.access_token)) {
uni.reLaunch({ uni.reLaunch({
@@ -289,6 +295,8 @@ export default {
// #endif // #endif
}, },
onShow() { onShow() {
this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo) this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo)
let access_token = uni.getStorageSync(this.$cacheKey.access_token) let access_token = uni.getStorageSync(this.$cacheKey.access_token)
@@ -319,7 +327,7 @@ export default {
}, },
} }
</script> </script>
<style lang="scss"> <style lang="scss" scoped>
.popup-content { .popup-content {
background: #fff; background: #fff;
} }
@@ -355,7 +363,7 @@ export default {
padding: 4rpx 20rpx; padding: 4rpx 20rpx;
// margin-left: 20rpx; // margin-left: 20rpx;
// margin-bottom: 20rpx; // margin-bottom: 20rpx;
line-height: 38rpx; line-height: 40rpx;
font-size: 24rpx; font-size: 24rpx;
border-radius: 8rpx; border-radius: 8rpx;
background: #ebeaec; background: #ebeaec;
@@ -386,6 +394,6 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
</style> </style>

View File

@@ -61,7 +61,7 @@ export default {
selectValue: {}, selectValue: {},
devCount: [], devCount: [],
sortIndex: 0, sortIndex: 0,
sortOptions: ['发生时间', '暂降深度', '持续时间'], sortOptions: ['发生时间', '暂降幅值', '持续时间'],
} }
}, },
onLoad() { }, onLoad() { },
@@ -101,7 +101,7 @@ export default {
this.getDevCount() this.getDevCount()
this.$nextTick(() => { this.$nextTick(() => {
if (params.type !== '') { if (params.type !== '') {
this.current = params.type - 0 this.current = (params.type - 0)||0
} }
if (params.engineeringName != '') { if (params.engineeringName != '') {
this.$refs.cnFilterCriteria && this.$refs.cnFilterCriteria.external(params) this.$refs.cnFilterCriteria && this.$refs.cnFilterCriteria.external(params)
@@ -343,4 +343,5 @@ export default {
// white-space: nowrap; // white-space: nowrap;
line-height: 1; line-height: 1;
} }
</style> </style>

View File

@@ -82,11 +82,7 @@
<view class="mine-nav-label">关注工程配置</view> <view class="mine-nav-label">关注工程配置</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons> <uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view> </view>
<!-- <view class="mine-nav" @click="jump('transientSetting')" v-if="userInfo.authorities !== 'tourist'">
<image mode="aspectFill" class="mine-nav-icon" src="/static/tongji.png" />
<view class="mine-nav-label">暂态统计配置</view>
<uni-icons type="forward" color="#aaa" size="20"></uni-icons>
</view> -->
<view class="mine-nav" @click="jump('setup')" style="border-bottom: none"> <view class="mine-nav" @click="jump('setup')" style="border-bottom: none">
<image mode="aspectFill" class="mine-nav-icon" src="/static/setup.png" /> <image mode="aspectFill" class="mine-nav-icon" src="/static/setup.png" />
<view class="mine-nav-label">设置</view> <view class="mine-nav-label">设置</view>
@@ -259,7 +255,7 @@ export default {
handleScon() { handleScon() {
this.$refs.message.close() this.$refs.message.close()
uni.scanCode({ uni.scanCode({
onlyFromCamera: true, // onlyFromCamera: false,
success: (res) => { success: (res) => {
console.log('条码类型:' + res.scanType) console.log('条码类型:' + res.scanType)
console.log('条码内容:' + res.result) console.log('条码内容:' + res.result)

View File

@@ -6,33 +6,32 @@
<view class="detail-content-title mb20">{{ pageData.title }}</view> <view class="detail-content-title mb20">{{ pageData.title }}</view>
<view> {{ pageData.createTime }}</view> <view> {{ pageData.createTime }}</view>
<view class="mt10 mb10">{{ pageData.description }}</view> <view class="mt10 mb10">{{ pageData.description }}</view>
<uni-file-picker readonly v-model="imageValue" mode="grid"/> <uni-file-picker readonly v-model="imageValue" mode="grid" />
</view> </view>
<view class="detail-content " style="margin-bottom:0"> <view class="detail-content " style="margin-bottom:0">
<view class="detail-content-title "> <view class="detail-content-title ">
<view class="title">进度</view> <view class="title">进度</view>
<!-- <template v-if="pageData.status === '1'">--> <template v-if="pageData.status === '1'">
<!-- <view class="title-btn mr10" @click="updateFeedBackStatus('2')">解决</view>--> <view class="title-btn mr10" @click="updateFeedBackStatus('2')">解决</view>
<!-- <view class="title-btn mr10" @click="updateFeedBackStatus('0')">关闭</view>--> <view class="title-btn mr10" @click="updateFeedBackStatus('0')" v-if="userInfo.authorities === 'app_vip_user'">关闭</view>
<!-- </template>--> </template>
<!-- <template v-if="pageData.status === '2'">--> <template v-if="pageData.status === '2'">
<!-- <view class="title-btn mr10" @click="updateFeedBackStatus('0')">关闭</view>--> <view class="title-btn mr10" @click="updateFeedBackStatus('0')" v-if="userInfo.authorities === 'app_vip_user'">关闭</view>
<!-- </template>--> </template>
<!-- <view class="title-btn" @click="open">回复</view>--> <view class="title-btn" @click="open" v-if="pageData.status != '0'">回复</view>
</view> </view>
</view> </view>
<uni-list> <uni-list>
<uni-list-item :title="item.userName" :note="item.chatContent" :rightText="item.createTime" <uni-list-item :title="item.userName" :note="item.chatContent" :rightText="item.createTime"
v-for="(item, index) in pageData.csFeedbackChatPOList" :key="index"/> v-for="(item, index) in pageData.csFeedbackChatPOList" :key="index" />
<Cn-empty <Cn-empty
v-if="pageData.csFeedbackChatPOList && pageData.csFeedbackChatPOList.length == 0"></Cn-empty> v-if="pageData.csFeedbackChatPOList && pageData.csFeedbackChatPOList.length == 0"></Cn-empty>
</uni-list> </uni-list>
<!-- 输入框示例 --> <!-- 输入框示例 -->
<uni-popup ref="inputDialog" type="dialog"> <uni-popup ref="inputDialog" type="dialog">
<uni-popup-dialog ref="inputClose" type="info" mode="input" title="输入内容" <uni-popup-dialog ref="inputClose" type="info" mode="input" title="输入内容" value="对话框预置提示内容!"
value="对话框预置提示内容!"
placeholder="请输入内容" @confirm="dialogInputConfirm"> placeholder="请输入内容" @confirm="dialogInputConfirm">
<uni-easyinput type="textarea" :maxlength="250" autoHeight v-model="chatContent" <uni-easyinput type="textarea" :maxlength="250" autoHeight v-model="chatContent" clearable
placeholder="请输入内容"></uni-easyinput> placeholder="请输入内容"></uni-easyinput>
</uni-popup-dialog> </uni-popup-dialog>
</uni-popup> </uni-popup>
@@ -41,7 +40,7 @@
</Cn-page> </Cn-page>
</template> </template>
<script> <script>
import {queryFeedBackDetail, AddFeedbackChat, updateChatStatus, updateFeedBackStatus} from '../../common/api/feedback' import { queryFeedBackDetail, AddFeedbackChat, updateChatStatus, updateFeedBackStatus } from '../../common/api/feedback'
export default { export default {
data() { data() {
@@ -55,11 +54,13 @@ export default {
"url": "/static/logo.png", "url": "/static/logo.png",
} }
], ],
userInfo: {},
pageData: {}, pageData: {},
pageOption: {} pageOption: {}
} }
}, },
onLoad(o) { onLoad(o) {
this.userInfo = uni.getStorageSync(this.$cacheKey.userInfo)
this.pageOption = o this.pageOption = o
this.init() this.init()
updateChatStatus({ updateChatStatus({
@@ -93,7 +94,7 @@ export default {
}) })
}, },
dialogInputConfirm() { dialogInputConfirm() {
AddFeedbackChat({chatContent: this.chatContent, id: this.pageOption.id}).then(res => { AddFeedbackChat({ chatContent: this.chatContent, id: this.pageOption.id }).then(res => {
console.log(res); console.log(res);
this.$util.toast('回复成功') this.$util.toast('回复成功')
this.init() this.init()
@@ -101,7 +102,9 @@ export default {
}) })
}, },
open() { open() {
this.chatContent = ''
this.$refs.inputDialog.open() this.$refs.inputDialog.open()
}, },
over() { over() {
}, },

View File

@@ -190,6 +190,6 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
</style> </style>

View File

@@ -28,7 +28,7 @@
<text v-if="!item.harmDetailList[0].hasT">A相</text> <text v-if="!item.harmDetailList[0].hasT">A相</text>
<text v-if="!item.harmDetailList[0].hasT">B相</text> <text v-if="!item.harmDetailList[0].hasT">B相</text>
<text v-if="!item.harmDetailList[0].hasT">C相</text> <text v-if="!item.harmDetailList[0].hasT">C相</text>
<text v-if="item.harmDetailList[0].hasT"></text> <text v-if="item.harmDetailList[0].hasT"></text>
<text>限值</text> <text>限值</text>
</view> </view>
<view class="table-row" v-for="value in item.harmDetailList"> <view class="table-row" v-for="value in item.harmDetailList">

View File

@@ -4,17 +4,21 @@
<view class="detail-content" style="font-size: 32rpx"> <view class="detail-content" style="font-size: 32rpx">
<view>{{ detail.startTime }}</view> <view>{{ detail.startTime }}</view>
</view> </view>
<view class="detail-content"> <view class="detail-content ">
<view class="detail-content-title mb20">基础信息</view> <view class="detail-content-title mb20">基础信息</view>
<view class="mb5"> 工程{{ detail.engineeringName }} </view> <view class="mb5"> 工程{{ detail.engineeringName }} </view>
<view class="mb5"> 项目{{ detail.projectName }} </view> <view class="mb5"> 项目{{ detail.projectName }} </view>
<view class="mb5"> 设备{{ detail.equipmentName }}</view> <view class="mb5"> 设备{{ detail.equipmentName }}</view>
<view class="mb5"> 监测点{{ detail.lineName }}</view> <view class="mb5"> 监测点{{ detail.lineName }}</view>
<view class="mb5"> 暂态类型{{ detail.showName }}</view> <view class="mb5"> 暂态类型{{ detail.showName }}</view>
<view class="mb5" v-if="detail.evtParamPhase"> 相别{{ detail.evtParamPhase }}</view>
<view class="mb5" v-if="detail.evtParamTm"> 持续时间{{ detail.evtParamTm }}s</view> <view class="mb5" v-if="detail.evtParamTm"> 持续时间{{ detail.evtParamTm }}s</view>
<view class="mb5" v-if="detail.evtParamVVaDepth"> 幅值{{ detail.evtParamVVaDepth }}%</view> <view class="mb5" v-if="detail.evtParamVVaDepth"> 幅值{{ detail.evtParamVVaDepth }}%</view>
<view class="mb5" v-if="detail.evtParamPhase"> 相别{{ detail.evtParamPhase }}</view> <view class="mb5"> 落点区域{{ detail.landPoint != null && detail.landPoint !== '' ? detail.landPoint :
<view class="mb5" > 落点区域{{ detail.landPoint != null && detail.landPoint !== '' ? detail.landPoint : '未知' }}</view> '未知'
}}</view>
</view> </view>
<view class="detail-tabs"> <view class="detail-tabs">
<uni-segmented-control :current="detailTab" active-color="#376cf3" :values="['波形图', 'ITIC', 'F47']" <uni-segmented-control :current="detailTab" active-color="#376cf3" :values="['波形图', 'ITIC', 'F47']"
@@ -60,6 +64,7 @@ import F47 from './F47.vue'
import waveform from './waveform.vue' import waveform from './waveform.vue'
import { analyseWave } from '@/common/api/harmonic.js'; import { analyseWave } from '@/common/api/harmonic.js';
export default { export default {
components: { ITIC, F47, waveform }, components: { ITIC, F47, waveform },
data() { data() {
@@ -190,25 +195,9 @@ export default {
font-size: 28rpx; font-size: 28rpx;
.detail-content-title { .detail-content-title {
display: inline-flex;
align-items: center;
position: relative;
padding-left: 20rpx;
font-size: 30rpx; font-size: 30rpx;
color: #111; color: #111;
font-weight: 700; font-weight: 700;
&::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 8rpx;
height: 28rpx;
background: $uni-theme-color;
border-radius: 3rpx;
}
} }
} }
@@ -233,4 +222,23 @@ export default {
margin-right: 24rpx; margin-right: 24rpx;
height: 60rpx; height: 60rpx;
} }
/deep/ .segmented-control__text {
line-height: 60rpx !important;
}
.detail-content-info {
display: grid;
grid-template-columns: 1fr 1fr;
}
// .detail-content-info {
// display: grid;
// grid-template-columns: 1fr 1fr;
// }
.detail-content-info {
display: grid;
grid-template-columns: 1fr 1fr;
}
</style> </style>

View File

@@ -76,11 +76,11 @@
border-radius: 20rpx; border-radius: 20rpx;
} }
/* 电压暂降 - 蓝色系 */ /* 暂降 - 蓝色系 */
.sag .event-icon { .sag .event-icon {
background-color: #2563eb20; background-color: #2563eb20;
} }
/* 电压暂升 - 橙色系 */ /* 暂升 - 橙色系 */
.swell .event-icon { .swell .event-icon {
background-color: #e6a23c20; background-color: #e6a23c20;
} }

View File

@@ -186,7 +186,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
</style> </style>

View File

@@ -337,7 +337,7 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
.textBox { .textBox {
@@ -371,17 +371,23 @@ export default {
} }
/deep/ .uni-calendar-item__weeks-box-text { /deep/ .uni-calendar-item__weeks-box-text {
position: relative;
z-index: 1; z-index: 1;
line-height: 1;
} }
/deep/ .uni-calendar-item--isDay-text { /deep/ .uni-calendar-item__weeks-box-item {
color: #333 !important; /* 改成你想要的颜色 */ display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} }
/deep/ .uni-calendar-item__weeks-box-circle { /deep/ .uni-calendar-item__weeks-box-circle {
position: absolute; position: absolute;
top: 7px; top: 50%;
right: 6px; left: 50%;
transform: translate(-50%, -50%);
width: 39px; width: 39px;
height: 39px; height: 39px;
border-radius: 50%; border-radius: 50%;
@@ -389,9 +395,13 @@ export default {
background-color: #e6a23c; background-color: #e6a23c;
} }
/* 核心:选中圆圈下的 子元素(日期数字 */ /* 选中圆圈下的日期数字 */
/deep/ .uni-calendar-item__weeks-box-circle + .uni-calendar-item__weeks-box-text { /deep/ .uni-calendar-item__weeks-box-circle + .uni-calendar-item__weeks-box-text {
color: #fff !important; /* 改成你想要的颜色 */ color: #fff !important;
}
/deep/ .uni-calendar-item--isDay-text {
color: #333 !important;
} }
/deep/ .uni-calendar__backtoday, /deep/ .uni-calendar__backtoday,
@@ -421,9 +431,9 @@ export default {
} }
/deep/ .uni-calendar-item__weeks-box-circle { /deep/ .uni-calendar-item__weeks-box-circle {
position: absolute; top: 50%;
top: 3px; left: 50%;
right: 8px; transform: translate(-50%, -50%);
width: 35px; width: 35px;
height: 35px; height: 35px;
} }

View File

@@ -59,8 +59,8 @@
<text> <text>
{{ item.startTime ? '发生时间:' + item.startTime : '' }} {{ item.startTime ? '发生时间:' + item.startTime : '' }}
{{ {{
item.evtParamVVaDepth != null && item.evtParamVVaDepth !== '' item.evtParamPhase != null && item.evtParamPhase !== ''
? '幅值' + item.evtParamVVaDepth + '%' ? '相别' + item.evtParamPhase
: '' : ''
}} }}
{{ {{
@@ -69,10 +69,12 @@
: '' : ''
}} }}
{{ {{
item.evtParamPhase != null && item.evtParamPhase !== '' item.evtParamVVaDepth != null && item.evtParamVVaDepth !== ''
? '相别' + item.evtParamPhase ? '幅值' + item.evtParamVVaDepth + '%'
: '' : ''
}} {{ }}
{{
item.landPoint != null && item.landPoint !== '' item.landPoint != null && item.landPoint !== ''
? ',落点区域:' + item.landPoint ? ',落点区域:' + item.landPoint
: ',落点区域:未知' : ',落点区域:未知'
@@ -115,9 +117,9 @@ export default {
filterValue: 0, filterValue: 0,
dataList: [ dataList: [
{ value: 0, label: '暂态数量', key: '' }, { value: 0, label: '暂态数量', key: '' },
{ value: 0, label: '暂降', key: '电压暂降' }, { value: 0, label: '暂降', key: '暂降' },
{ value: 0, label: '中断', key: '电压中断' }, { value: 0, label: '中断', key: '中断' },
{ value: 0, label: '暂升', key: '电压暂升' }, { value: 0, label: '暂升', key: '暂升' },
], ],
status: 'noMore', //more加载前 loading加载中 noMore加载后 status: 'noMore', //more加载前 loading加载中 noMore加载后
sort: 0, sort: 0,
@@ -177,21 +179,21 @@ export default {
}, },
judgment(val, key) { judgment(val, key) {
switch (val) { switch (val) {
case '电压暂降': case '暂降':
return { return {
type: 'sag', type: 'sag',
icon: 'icon-a-svg4', icon: 'icon-a-svg4',
color: '#2563eb', color: '#2563eb',
size: '25', size: '25',
} }
case '电压暂升': case '暂升':
return { return {
type: 'swell', type: 'swell',
icon: 'icon-a-svg5', icon: 'icon-a-svg5',
color: '#e6a23c', color: '#e6a23c',
size: '25', size: '25',
} }
case '电压中断': case '中断':
return { return {
type: 'interrupt', type: 'interrupt',
icon: 'icon-zhongduan2', icon: 'icon-zhongduan2',
@@ -287,6 +289,6 @@ export default {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35); box-shadow: 0 4rpx 16rpx rgba(55, 108, 243, 0.35);
z-index: 99; z-index: 1;
} }
</style> </style>

View File

@@ -8,7 +8,7 @@
<uni-data-select v-model="item.type" :localdata="range"></uni-data-select> <uni-data-select v-model="item.type" :localdata="range"></uni-data-select>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="区域"> <uni-forms-item label="区域">
<uni-easyinput type="textarea" v-model="item.title" placeholder="请输入问题简要" /> <uni-easyinput type="textarea" v-model="item.title" placeholder="请输入区域" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="描述"> <uni-forms-item label="描述">
<uni-easyinput type="textarea" v-model="item.des" placeholder="请输入详细描述" /> <uni-easyinput type="textarea" v-model="item.des" placeholder="请输入详细描述" />

View File

@@ -48,7 +48,7 @@
<!-- @click="jump('about')" --> <!-- @click="jump('about')" -->
<view class="mine-nav" style="border-bottom: none"> <view class="mine-nav" style="border-bottom: none">
<view class="mine-nav-label">版本信息</view> <view class="mine-nav-label">版本信息</view>
<view style="color: #828282; font-size: 14rpx">当前版本V{{ version }}</view> <view style="color: #828282; font-size: 24rpx">V{{ version }}</view>
<!-- <uni-icons type="forward" color="#aaa" size="20"></uni-icons> --> <!-- <uni-icons type="forward" color="#aaa" size="20"></uni-icons> -->
</view> </view>
<view class="mine-nav" @click="jump('layout')" style="margin-top: 20rpx; border-bottom: none"> <view class="mine-nav" @click="jump('layout')" style="margin-top: 20rpx; border-bottom: none">

View File

@@ -1,41 +1,25 @@
<template> <template>
<Cn-page :loading="loading"> <Cn-page>
<view class="mine" slot="body"> <view class="mine" slot="body">
<view class="mine-nav mt20" style="border-bottom: none"> <view class="mine-nav mt20" style="border-bottom: none">
<view class="mine-nav-label">暂态事件</view> <view class="mine-nav-label">暂态事件</view>
<switch <switch style="transform: scale(0.8)" color="#376cf3" @change="change('eventInfo')"
style="transform: scale(0.8)" :checked="config.eventInfo === 1" />
color="#376cf3"
@change="change('eventInfo')"
:checked="config.eventInfo === 1"
/>
</view> </view>
<view class="mine-nav" style="border-bottom: none"> <view class="mine-nav" style="border-bottom: none">
<view class="mine-nav-label">稳态事件</view> <view class="mine-nav-label">稳态事件</view>
<switch <switch style="transform: scale(0.8)" color="#376cf3" @change="change('harmonicInfo')"
style="transform: scale(0.8)" :checked="config.harmonicInfo === 1" />
color="#376cf3"
@change="change('harmonicInfo')"
:checked="config.harmonicInfo === 1"
/>
</view> </view>
<view class="mine-nav" style="border-bottom: none"> <view class="mine-nav" style="border-bottom: none" v-if="flag">
<view class="mine-nav-label">运行告警</view> <view class="mine-nav-label">运行告警</view>
<switch <switch style="transform: scale(0.8)" color="#376cf3" @change="change('alarmInfo')"
style="transform: scale(0.8)" :checked="config.alarmInfo === 1" />
color="#376cf3"
@change="change('alarmInfo')"
:checked="config.alarmInfo === 1"
/>
</view> </view>
<view class="mine-nav" > <view class="mine-nav" v-if="flag">
<view class="mine-nav-label">运行事件</view> <view class="mine-nav-label">运行事件</view>
<switch <switch style="transform: scale(0.8)" color="#376cf3" @change="change('runInfo')"
style="transform: scale(0.8)" :checked="config.runInfo === 1" />
color="#376cf3"
@change="change('runInfo')"
:checked="config.runInfo === 1"
/>
</view> </view>
</view> </view>
</Cn-page> </Cn-page>
@@ -49,6 +33,7 @@ export default {
return { return {
loading: true, loading: true,
config: {}, config: {},
flag: false,
} }
}, },
methods: { methods: {
@@ -100,12 +85,18 @@ export default {
} }
}, },
onUnload() { onUnload() {
if (this.config.eventInfo != undefined) {
updatePushConfig(this.config).then((res) => { updatePushConfig(this.config).then((res) => {
// this.$util.toast(`配置修改成功!`) // this.$util.toast(`配置修改成功!`)
}) })
}
}, },
}, },
onLoad() { onLoad() {
if (uni.getStorageSync(this.$cacheKey.userInfo).authorities === 'operation_manager') {
this.flag = true
}
this.init() this.init()
}, },
} }

View File

@@ -1,129 +0,0 @@
<template>
<Cn-page :loading="loading">
<view class="mine" slot="body">
<view class="mine-nav" style="margin-top: 20rpx">
<view class="mine-nav-label">ITIC</view>
<switch
style="transform: scale(0.8)"
color="#376cf3"
@change="change('iticFunction')"
:checked="config.iticFunction === 1"
/>
</view>
<view class="mine-nav" style="border-bottom: none">
<view class="mine-nav-label">F47</view>
<switch
style="transform: scale(0.8)"
color="#376cf3"
@change="change('f47Function')"
:checked="config.f47Function === 1"
/>
</view>
</view>
</Cn-page>
</template>
<script>
import { queryUserPushConfig, updatePushConfig } from '@/common/api/mine'
export default {
data() {
return {
loading: true,
config: {},
}
},
onLoad() {
this.init()
},
methods: {
init() {
queryUserPushConfig().then((res) => {
this.config = res.data
this.loading = false
})
},
change(type) {
this.config[type] = this.config[type] === 1 ? 0 : 1
// updatePushConfig(this.config).then((res) => {
// let str = ''
// switch (type) {
// case 'iticFunction':
// str = 'ITIC'
// break
// case 'f47Function':
// str = 'F47'
// break
// }
// this.$util.toast(`${str}配置${this.config[type] === 1 ? '开启' : '关闭'}成功`)
// })
},
},
onLoad() {
this.init()
},
onUnload() {
updatePushConfig(this.config).then((res) => {
// this.$util.toast(`配置修改成功!`)
})
},
}
</script>
<style lang="scss">
.mine {
.title {
padding: 0 20rpx;
font-size: 28rpx;
font-weight: 500;
}
.mine-header {
padding: 200rpx 34rpx 34rpx;
display: flex;
align-items: center;
background: $uni-theme-white;
margin-bottom: 20rpx;
box-shadow: 0 4rpx 8rpx #e7e7e74c;
.mine-header-head {
margin-right: 30rpx;
height: 128rpx;
width: 128rpx;
border-radius: $uni-theme-radius;
overflow: hidden;
}
.mine-header-name {
margin-right: 30rpx;
flex: 1;
font-size: 36rpx;
color: #111;
font-weight: 700;
}
}
.mine-nav {
padding: 34rpx;
display: flex;
align-items: center;
background: $uni-theme-white;
border-bottom: 1rpx solid #e8e8e8;
&-icon {
margin-right: 30rpx;
height: 44rpx;
width: 44rpx;
border-radius: $uni-theme-radius;
overflow: hidden;
}
&-label {
margin-right: 30rpx;
flex: 1;
font-size: 28rpx;
color: #111;
}
}
}
</style>

View File

@@ -42,7 +42,7 @@ export default {
}, },
newDevice() { newDevice() {
uni.scanCode({ uni.scanCode({
onlyFromCamera: true, onlyFromCamera: false,
success: function (res) { success: function (res) {
console.log('条码类型:' + res.scanType) console.log('条码类型:' + res.scanType)
console.log('条码内容:' + res.result) console.log('条码内容:' + res.result)

View File

@@ -1,29 +1,27 @@
<template> <template>
<Cn-page :loading="loading"> <Cn-page :loading="loading">
<view slot="body"> <view slot="body">
<view class="new" :class="{'project-new':!this.options.project}"> <view class="new" :class="{ 'project-new': !this.options.project }">
<view class="content"> <view class="content">
<uni-forms :label-width="80"> <uni-forms :label-width="80">
<uni-forms-item label="工程名称" @click.native.stop.prevent="selectEngineering"> <uni-forms-item label="工程名称">
<view class="engineering-select" @click="selectEngineering">
<uni-easyinput <uni-easyinput
v-model="formData.engineeringName" v-model="formData.engineeringName"
disabled
maxlength="50"
placeholder="请选择工程" placeholder="请选择工程"
:clearable="false" :clearable="false"
:disabled="true"
/> />
</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="项目名称"> <uni-forms-item label="项目名称">
<uni-easyinput v-model="formData.name" placeholder="请输入项目名称"/> <uni-easyinput v-model="formData.name" maxlength="50" placeholder="请输入项目名称" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="区域"> <uni-forms-item label="区域">
<view style="display: flex"> <view style="display: flex">
<uni-easyinput <uni-easyinput :clearable="false" type="textarea" maxlength="250" autoHeight
:clearable="false" v-model="formData.area" placeholder="请输入区域信息" />
type="textarea"
autoHeight
v-model="formData.area"
placeholder="请输入区域信息"
/>
<!-- <uni-icons <!-- <uni-icons
type="location" type="location"
color="#007aff" color="#007aff"
@@ -34,25 +32,17 @@
</view> </view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="描述"> <uni-forms-item label="描述">
<uni-easyinput <uni-easyinput type="textarea" autoHeight maxlength="999" v-model="formData.description"
type="textarea" placeholder="请输入项目描述" />
autoHeight
maxlength="999"
v-model="formData.description"
placeholder="请输入项目描述"
/>
</uni-forms-item> </uni-forms-item>
<view class="temp-choose"> <view class="temp-choose">
<view class="temp-choose-title">从模版库选择拓扑图</view> <view class="temp-choose-title">从模版库选择拓扑图</view>
<view class="temp-choose-content"> <view class="temp-choose-content">
<view class="temp-choose-content-item" v-for="(item, index) in formData.tempFiles"> <view class="temp-choose-content-item" v-for="(item, index) in formData.tempFiles">
<image <image class="temp-choose-content-item-img" :src="item.filePath"
class="temp-choose-content-item-img" mode="aspectFill" />
:src="item.filePath"
mode="aspectFill"
/>
<view class="temp-choose-content-item-close" @click="deleteImg(index)"> <view class="temp-choose-content-item-close" @click="deleteImg(index)">
<uni-icons style="font-size: 18px" type="closeempty" color="#fff" size="20"/> <uni-icons style="font-size: 18px" type="closeempty" color="#fff" size="20" />
</view> </view>
</view> </view>
<view class="temp-choose-content-item" @click="openTemp"> <view class="temp-choose-content-item" @click="openTemp">
@@ -60,13 +50,8 @@
</view> </view>
</view> </view>
</view> </view>
<uni-file-picker <uni-file-picker v-model="formData.files" title="从本地上传拓扑图" :sourceType="['album']"
v-model="formData.files" :before-remove="beforeRemove" @select="select"></uni-file-picker>
title="从本地上传拓扑图"
:sourceType="['album']"
:before-remove="beforeRemove"
@select="select"
></uni-file-picker>
</uni-forms> </uni-forms>
</view> </view>
<view class="btn-wrap"> <view class="btn-wrap">
@@ -76,21 +61,16 @@
<view class="popup-header"> <view class="popup-header">
<view class="popup-header-title">模版库</view> <view class="popup-header-title">模版库</view>
<view class="popup-header-close" @click="closeTemp"> <view class="popup-header-close" @click="closeTemp">
<uni-icons type="closeempty" color="#111" size="20"/> <uni-icons type="closeempty" color="#111" size="20" />
</view> </view>
</view> </view>
<view class="temp-list"> <view class="temp-list">
<view <view class="temp-list-item" :class="{
class="temp-list-item"
:class="{
'temp-list-item-active': formData.tempFiles.some( 'temp-list-item-active': formData.tempFiles.some(
(item2) => item2.id === item.id || item2.topoId === item.id, (item2) => item2.id === item.id || item2.topoId === item.id,
), ),
}" }" v-for="(item, index) in tempList" @click="chooseTempItem(item)">
v-for="(item, index) in tempList" <image class="temp-list-item-img" :src="item.filePath" mode="aspectFill" />
@click="chooseTempItem(item)"
>
<image class="temp-list-item-img" :src="item.filePath" mode="aspectFill"/>
<view class="temp-list-item-name">{{ item.name }}</view> <view class="temp-list-item-name">{{ item.name }}</view>
</view> </view>
</view> </view>
@@ -100,10 +80,10 @@
</Cn-page> </Cn-page>
</template> </template>
<script> <script>
import {pinyin} from 'pinyin-pro' import { pinyin } from 'pinyin-pro'
import {addAppProject, updateAppProject, checkCanDelete} from '../../common/api/project' import { addAppProject, updateAppProject, checkCanDelete } from '../../common/api/project'
import {getTopoTemplate} from '../../common/api/device' import { getTopoTemplate } from '../../common/api/device'
import {queryEngineering} from '@/common/api/engineering.js' import { queryEngineering } from '@/common/api/engineering.js'
export default { export default {
data() { data() {
@@ -154,20 +134,13 @@ export default {
this.formData.engineeringId = engineering.id this.formData.engineeringId = engineering.id
this.formData.engineeringName = engineering.name this.formData.engineeringName = engineering.name
} }
uni.getLocation({
type: 'wgs84',
success: function (res) {
console.log(res)
console.log('当前位置的经度:' + res.longitude)
console.log('当前位置的纬度:' + res.latitude)
},
})
getTopoTemplate().then((res) => { getTopoTemplate().then((res) => {
console.log(res) console.log(res)
this.tempList = res.data.map((item) => { this.tempList = res.data.map((item) => {
return { return {
...item, ...item,
filePath:this.$config.static + item.filePath filePath: this.$config.static + item.filePath
} }
}) })
if (this.project) { if (this.project) {
@@ -337,12 +310,19 @@ export default {
color: #111; color: #111;
} }
.engineering-select {
width: 100%;
/deep/ .uni-easyinput,
/deep/ .uni-easyinput__content {
pointer-events: none;
}
}
.new { .new {
padding: 34rpx; padding: 34rpx;
.project-new { .project-new {}
}
.content { .content {
.content-des { .content-des {

View File

@@ -3,7 +3,7 @@
<view slot="body"> <view slot="body">
<view class="change-name"> <view class="change-name">
<view class="content"> <view class="content">
<uni-easyinput type="text" v-model="name" placeholder="请输入昵称" /> <uni-easyinput type="text" maxlength="24" v-model="name" placeholder="请输入昵称" />
</view> </view>
<view class="btn-wrap"> <view class="btn-wrap">
<view class="btn-wrap-item" @click="submit"> 提交 </view> <view class="btn-wrap-item" @click="submit"> 提交 </view>

View File

@@ -4,33 +4,18 @@
<view class="index"> <view class="index">
<uni-forms ref="form" :modelValue="formData" :rules="rules"> <uni-forms ref="form" :modelValue="formData" :rules="rules">
<uni-forms-item name="phone"> <uni-forms-item name="phone">
<uni-easyinput <uni-easyinput type="number" maxlength="11" v-model="formData.phone" placeholder="请输入手机号" />
type="number"
maxlength="11"
v-model="formData.phone"
placeholder="请输入手机号"
/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item name="code"> <uni-forms-item name="code">
<view class="login-box-input"> <view class="login-box-input">
<uni-easyinput <uni-easyinput type="text" v-model="formData.code" placeholder="请输入验证码" maxlength="6" />
type="text" <view class="ml40" style="
v-model="formData.code"
placeholder="请输入验证码"
maxlength="6"
/>
<view
class="ml40"
style="
margin-left: 40rpx; margin-left: 40rpx;
font-size: 28rpx; font-size: 28rpx;
color: #666; color: #666;
width: 200rpx; width: 200rpx;
text-align: center; text-align: center;
" " v-if="waitTime > 0">{{ waitTime + 's后重新获取' }}</view>
v-if="waitTime > 0"
>{{ waitTime + 's后重新获取' }}</view
>
<button class="login-box-input-btn" v-else @click="getCode" size="mini">获取验证码</button> <button class="login-box-input-btn" v-else @click="getCode" size="mini">获取验证码</button>
</view> </view>
</uni-forms-item> </uni-forms-item>
@@ -41,7 +26,8 @@
<uni-easyinput type="password" v-model="formData.password2" placeholder="请再次确认密码" /> <uni-easyinput type="password" v-model="formData.password2" placeholder="请再次确认密码" />
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<button type="default" class="submit-btn" @click="submit">提交</button> <button type="default" class="submit-btn" :loading="loadingButton" :disabled="loadingButton"
@click="submit">提交</button>
<view class="login-box-tips"> <view class="login-box-tips">
<view style="color: #999">说明密码长度为6-18</view> <view style="color: #999">说明密码长度为6-18</view>
</view> </view>
@@ -71,6 +57,7 @@ export default {
password: '', password: '',
password2: '', password2: '',
}, },
loadingButton: false,
rules: { rules: {
phone: { phone: {
rules: [ rules: [
@@ -107,7 +94,7 @@ export default {
}, },
} }
}, },
onLoad() {}, onLoad() { },
methods: { methods: {
getCode() { getCode() {
if (!this.formData.phone) { if (!this.formData.phone) {
@@ -151,6 +138,7 @@ export default {
}) })
return return
} }
this.loadingButton = true
let loginName = encrypt(this.formData.phone) let loginName = encrypt(this.formData.phone)
gongkey({ loginName }).then((response) => { gongkey({ loginName }).then((response) => {
let publicKey = response.data let publicKey = response.data
@@ -169,9 +157,13 @@ export default {
}, 1000) }, 1000)
}) })
.catch((err) => { .catch((err) => {
uni.hideLoading()
console.log(err) console.log(err)
}) })
.finally(() => {
this.loadingButton = false
})
}).finally(() => {
this.loadingButton = false
}) })
}) })
}, },

View File

@@ -5,32 +5,18 @@
<template v-if="step == 1"> <template v-if="step == 1">
<uni-forms ref="form" :rules="rules" :modelValue="formData"> <uni-forms ref="form" :rules="rules" :modelValue="formData">
<uni-forms-item name="phone"> <uni-forms-item name="phone">
<uni-easyinput <uni-easyinput type="number" v-model="formData.phone" maxlength="11" placeholder="请输入手机号" />
type="number"
v-model="formData.phone"
maxlength="11"
placeholder="请输入手机号"
/>
</uni-forms-item> </uni-forms-item>
<uni-forms-item name="code"> <uni-forms-item name="code">
<view class="login-box-input"> <view class="login-box-input">
<uni-easyinput <uni-easyinput type="text" v-model="formData.code" placeholder="请输入验证码" maxlength="6" />
type="text" <view class="ml40" style="
v-model="formData.code"
placeholder="请输入验证码"
maxlength="6"
/>
<view
class="ml40"
style="
margin-left: 40rpx; margin-left: 40rpx;
font-size: 28rpx; font-size: 28rpx;
color: #666; color: #666;
width: 200rpx; width: 200rpx;
text-align: center; text-align: center;
" " v-if="waitTime > 0">{{ waitTime + 's后重新获取' }}
v-if="waitTime > 0"
>{{ waitTime + 's后重新获取' }}
</view> </view>
<button class="login-box-input-btn" v-else @click="getCode" size="mini"> <button class="login-box-input-btn" v-else @click="getCode" size="mini">
获取验证码 获取验证码
@@ -38,16 +24,13 @@
</view> </view>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<button type="default" class="submit-btn" @click="firstSubmit">注册</button> <button type="default" class="submit-btn" :loading="loadingButton" :disabled="loadingButton"
@click="firstSubmit">注册</button>
<view class="login-box-tips"> <view class="login-box-tips">
<view style="color: #999" <view style="color: #999">
><checkbox <checkbox style="transform: scale(0.7)" :checked="checkbox" @click="checkbox = !checkbox" />
style="transform: scale(0.7)" 我已阅读并同意
:checked="checkbox" </view>
@click="checkbox = !checkbox"
/>
我已阅读并同意</view
>
<navigator url="/pages/mine/agreement" hover-class="none">用户协议</navigator> <navigator url="/pages/mine/agreement" hover-class="none">用户协议</navigator>
<navigator url="/pages/mine/policy" hover-class="none">隐私政策</navigator> <navigator url="/pages/mine/policy" hover-class="none">隐私政策</navigator>
</view> </view>
@@ -61,7 +44,8 @@
<uni-easyinput type="text" v-model="formData.password2" placeholder="请再次确认密码" /> <uni-easyinput type="text" v-model="formData.password2" placeholder="请再次确认密码" />
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<button type="default" class="submit-btn" @click="secondSubmit">提交</button> <button type="default" class="submit-btn" :loading="loadingButton" :disabled="loadingButton"
@click="secondSubmit">提交</button>
<view class="login-box-tips"> <view class="login-box-tips">
<view style="color: #999">说明密码长度为6-18</view> <view style="color: #999">说明密码长度为6-18</view>
</view> </view>
@@ -82,6 +66,7 @@ export default {
loading: false, loading: false,
waitTime: 0, waitTime: 0,
inter: null, inter: null,
loadingButton: false,
// 表单数据 // 表单数据
formData: { formData: {
phone: '', phone: '',
@@ -125,7 +110,7 @@ export default {
}, },
} }
}, },
onLoad() {}, onLoad() { },
methods: { methods: {
getCode() { getCode() {
if (!this.checkbox) { if (!this.checkbox) {
@@ -163,7 +148,9 @@ export default {
if (!this.checkbox) { if (!this.checkbox) {
return this.$util.toast('请先阅读并同意用户协议和隐私政策!') return this.$util.toast('请先阅读并同意用户协议和隐私政策!')
} }
this.$refs.form.validate().then((valid, errors) => { this.$refs.form.validate().then((valid, errors) => {
this.loadingButton = true
apiRegister({ apiRegister({
phone: this.formData.phone, phone: this.formData.phone,
code: this.formData.code, code: this.formData.code,
@@ -176,11 +163,14 @@ export default {
autoLogin(this.formData.phone).then((res) => { autoLogin(this.formData.phone).then((res) => {
this.$util.loginSuccess(res.data) this.$util.loginSuccess(res.data)
}) })
}).finally(() => {
this.loadingButton = false
}) })
}) })
}, },
secondSubmit() { secondSubmit() {
this.$refs.form.validate().then((valid, errors) => { this.$refs.form.validate().then((valid, errors) => {
this.loadingButton = true
console.log(this.formData.password.length) console.log(this.formData.password.length)
if (this.formData.password.length < 6 || this.formData.password.length > 18) { if (this.formData.password.length < 6 || this.formData.password.length > 18) {
return this.$util.toast('密码长度为6-18位') return this.$util.toast('密码长度为6-18位')
@@ -197,6 +187,8 @@ export default {
uni.reLaunch({ uni.reLaunch({
url: '/pages/user/login', url: '/pages/user/login',
}) })
}).finally(() => {
this.loadingButton = false
}) })
}) })
}, },

Binary file not shown.

BIN
static/user_manual1.docx Normal file

Binary file not shown.

View File

@@ -381,11 +381,12 @@ export default {
}, },
}) })
.then((result) => { .then((result) => {
console.log('选择失败', result) if (this.autoUpload && !this.noSpace) {
this.setSuccessAndError(result.tempFiles) this.setSuccessAndError(result.tempFiles)
}
}) })
.catch((err) => { .catch((err) => {
console.log('选择失败', err) console.log('选择文件失败', err)
}) })
}, },