From 0ab4bf8f3982bdee9962076f29c5664185328517 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 21 十月 2022 17:02:10 +0800
Subject: [PATCH] 1.消息全局化2.消息响应静态页面实现
---
pages/adgl/adhj.html | 534 +++++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 431 insertions(+), 103 deletions(-)
diff --git a/pages/adgl/adhj.html b/pages/adgl/adhj.html
index 89577c6..7ea27c7 100644
--- a/pages/adgl/adhj.html
+++ b/pages/adgl/adhj.html
@@ -21,31 +21,42 @@
<script type="text/javascript" src="../../js/global.js"></script>
- <!-- <link rel="stylesheet" href="../css/global.css" type="text/css" charset="utf-8" /> -->
+ <!-- <script src="http://121.196.36.24:8001/Scripts/jquery-3.4.1.min.js"></script> -->
+ <!-- <script src="http://121.196.36.24:8001/Scripts/jquery.signalR-2.2.2.min.js"></script> -->
+ <!-- <script src="http://121.196.36.24:8001/SignalR/Hubs"></script> -->
+
+ <script src="../../js/jquery-3.4.1.min.js"></script>
+ <script src="../../js/jquery.signalR-2.2.2.min.js"></script>
+ <script src="../../js/Hubs.js"></script>
<script type="text/javascript">
- let topContent = [{
- code: 'SB001',
- name: '鐢垫睜缁勪竴绾�',
- wksp_code: "CJ002",
- wksp_name: '鐢垫睜杞﹂棿',
- "eqpchkmain_code": "djbz002"
- },
- {
- code: 'SB003',
- name: '榻胯疆绠辩粍涓�绾�',
- wksp_code: "CJ001",
- "wksp_name": "瑁呴厤杞﹂棿",
- "eqpchkmain_code": "djbz002"
- },
- {
- code: 'SB004',
- name: '榻胯疆绠辩粍涓�绾�',
- wksp_code: "CJ001",
- "wksp_name": "瑁呴厤杞﹂棿",
- "eqpchkmain_code": "djbz002"
- },
+ var pushServer = "http://demo.dcloud.net.cn/push/?";
+ var message = null;
+
+
+ let topContent = [
+ // {
+ // code: 'SB001',
+ // name: '鐢垫睜缁勪竴绾�',
+ // wksp_code: "CJ002",
+ // wksp_name: '鐢垫睜杞﹂棿',
+ // "eqpchkmain_code": "djbz002"
+ // },
+ // {
+ // code: 'SB003',
+ // name: '榻胯疆绠辩粍涓�绾�',
+ // wksp_code: "CJ001",
+ // "wksp_name": "瑁呴厤杞﹂棿",
+ // "eqpchkmain_code": "djbz002"
+ // },
+ // {
+ // code: 'SB004',
+ // name: '榻胯疆绠辩粍涓�绾�',
+ // wksp_code: "CJ001",
+ // "wksp_name": "瑁呴厤杞﹂棿",
+ // "eqpchkmain_code": "djbz002"
+ // },
// {
// code: 'SB005',
// name: '榻胯疆绠辩粍涓�绾�',
@@ -55,41 +66,311 @@
// },
];
- let radioValue = 'SB001' //鍗曢�夋閫変腑鐨勯」
+ var submitIsDisabled = false; //鎻愪氦鎸夐挳鏄惁disabled
+
+ let radioValue = '' //鍗曢�夋閫変腑鐨勯」
let centerContent = [] //涓棿閮ㄥ垎鍐呭
let falseArray = [] // 鍋囨暟缁� 鍋氭壂鐮佸洖鏉ヨ鍥炬洿鏂扮敤
- // 鎵弿淇濆吇宸ヤ綅杩斿洖鏃舵墽琛屾柟娉�
+ var currentValue = []; //褰撳墠宸ヤ綅涓嬭皟鐢ㄥ懠鍙被鍨嬫帴鍙� flag宸叉槸Y鐨勫�艰繘琛屽瓨鍌�
+
+
+
+ // 鐩戝惉plusready浜嬩欢
+ document.addEventListener("plusready", function() {
+ message = document.getElementById("message");
+ // 鐩戝惉鐐瑰嚮娑堟伅浜嬩欢
+ plus.push.addEventListener("click", function(msg) {
+ // 鍒ゆ柇鏄粠鏈湴鍒涘缓杩樻槸绂荤嚎鎺ㄩ�佺殑娑堟伅
+ switch (msg.payload) {
+ case "LocalMSG":
+ outSet("鐐瑰嚮鏈湴鍒涘缓娑堟伅鍚姩锛�");
+ break;
+ default:
+ outSet("鐐瑰嚮绂荤嚎鎺ㄩ�佹秷鎭惎鍔細");
+ break;
+ }
+ // 鎻愮ず鐐瑰嚮鐨勫唴瀹�
+ plus.nativeUI.alert(msg.content);
+ // 澶勭悊鍏跺畠鏁版嵁
+ logoutPushMsg(msg);
+ }, false);
+ // 鐩戝惉鍦ㄧ嚎娑堟伅浜嬩欢
+ plus.push.addEventListener("receive", function(msg) {
+ if (msg.aps) { // Apple APNS message
+ outSet("鎺ユ敹鍒板湪绾緼PNS娑堟伅锛�");
+ } else {
+ outSet("鎺ユ敹鍒板湪绾块�忎紶娑堟伅锛�");
+ }
+ logoutPushMsg(msg);
+ }, false);
+ }, false);
+
+ /**
+ * 鏃ュ織杈撳叆鎺ㄩ�佹秷鎭唴瀹�
+ */
+ function logoutPushMsg(msg) {
+ outLine("title: " + msg.title);
+ outLine("content: " + msg.content);
+ if (msg.payload) {
+ if (typeof(msg.payload) == "string") {
+ outLine("payload(String): " + msg.payload);
+ } else {
+ outLine("payload(JSON): " + JSON.stringify(msg.payload));
+ }
+ } else {
+ outLine("payload: undefined");
+ }
+ if (msg.aps) {
+ outLine("aps: " + JSON.stringify(msg.aps));
+ }
+ }
+
+ /**
+ * 鑾峰彇鏈湴鎺ㄩ�佹爣璇嗕俊鎭�
+ */
+ function getPushInfo() {
+ outSet("鑾峰彇瀹㈡埛绔帹閫佹爣璇嗕俊鎭細");
+ plus.push.getClientInfoAsync(function(info) {
+ outLine('Success');
+ outLine(JSON.stringify(info));
+ }, function(e) {
+ outLine('Failed');
+ outLine(JSON.stringify(e));
+ });
+ }
+ /**
+ * 鏈湴鍒涘缓涓�鏉℃帹鍔ㄦ秷鎭�
+ */
+ function createLocalPushMsg(msg) {
+ var cont = $('#cont').val();
+ var options = {
+ cover: false
+ };
+ plus.push.createMessage(msg, "LocalMSG", options);
+ outSet("鍒涘缓鏈湴娑堟伅鎴愬姛锛�");
+ outLine("璇峰埌绯荤粺娑堟伅涓績鏌ョ湅锛�");
+ if (plus.os.name == "iOS") {
+ outLine('*濡傛灉鏃犳硶鍒涘缓娑堟伅锛岃鍒�"璁剧疆"->"閫氱煡"涓厤缃簲鐢ㄥ湪閫氱煡涓績鏄剧ず!');
+ }
+ }
+ /**
+ * 璇诲彇鎵�鏈夋帹閫佹秷鎭�
+ */
+ function listAllPush() {
+ var msgs = null;
+ switch (plus.os.name) {
+ case "Android":
+ msgs = plus.push.getAllMessage();
+ break;
+ default:
+ break;
+ }
+ if (!msgs) {
+ outSet("姝ゅ钩鍙颁笉鏀寔鏋氫妇鎺ㄩ�佹秷鎭垪琛紒");
+ return;
+ }
+ outSet("鏋氫妇娑堟伅鍒楄〃锛�" + msgs.length + "锛夛細");
+ for (var i in msgs) {
+ var msg = msgs[i];
+ outLine(i + ": " + msg.title + " - " + msg.content);
+ }
+ }
+ /**
+ * 娓呯┖鎵�鏈夋帹鍔ㄦ秷鎭�
+ */
+ function clearAllPush() {
+ plus.push.clear();
+ outSet("娓呯┖鎵�鏈夋帹閫佹秷鎭垚鍔燂紒");
+ }
+
+
+
+ function CreateNotification(msg, n) {
+ console.log(msg, n)
+
+ vant.Notify(msg, n, 9999999999)
+
+ var NotifyID = n;
+ var Context = plus.android.importClass("android.content.Context");
+ var main = plus.android.runtimeMainActivity();
+ var Noti = plus.android.importClass("android.app.Notification");
+ var NotificationManager = plus.android.importClass("android.app.NotificationManager");
+ var nm = main.getSystemService(Context.NOTIFICATION_SERVICE)
+ var Notification = plus.android.importClass("android.app.Notification");
+ var mNotification = new Notification.Builder(main);
+ var pending = plus.android.importClass("android.app.PendingIntent");
+ var intent = plus.android.importClass("android.content.Intent");
+
+ //mNotification.setOngoing(true);
+ mNotification.setContentTitle("鎮ㄦ湁涓�鏉℃湭璇绘秷鎭�"); //鏍囬
+ mNotification.setContentText(msg); //鍐呭
+ mNotification.setSmallIcon(17301620); //鍥炬爣
+ mNotification.setTicker("First Time"); //閫氱煡棣栨鍑虹幇鍦ㄩ�氱煡鏍忔椂鐨勬晥鏋�
+ mNotification.setNumber(5); //閫氱煡闆嗗悎鐨勬暟閲�
+ //var str = dateToStr(new Date());
+ //mNotification.setWhen(str);//閫氱煡浜х敓鏃堕棿
+ //mNotification.setContentIntent();//閫氱煡鏍忕偣鍑讳簨浠�
+ mNotification.setDefaults(Noti.DEFAULT_VIBRATE); //澹伴煶銆侀棯鐏�侀渿鍔ㄦ晥鏋滐紝鍙彔鍔�
+ mNotification.setPriority(Noti.PRIORITY_DEFAULT); //閫氱煡浼樺厛绾�
+ mNotification.flags = Notification.FLAG_ONLY_ALERT_ONCE; //鍙戣捣閫氱煡鏃堕渿鍔�
+ var mNb = mNotification.build()
+ nm.notify(NotifyID, mNb);
+ }
+
+ // wakeLock()
+ // var g_wakelock = null;
+ // //鍏佽绋嬪簭鍚庡彴杩愯锛屼互鎸佺画鑾峰彇GPS浣嶇疆
+ // function wakeLock() {
+ // //Android
+ // var main = plus.android.runtimeMainActivity();
+ // var Context = plus.android.importClass("android.content.Context");
+ // var PowerManager = plus.android.importClass("android.os.PowerManager");
+ // var pm = main.getSystemService(Context.POWER_SERVICE);
+ // g_wakelock = pm.newWakeLock(PowerManager.PARTIAL_WAKE_LOCK, "ANY_NAME");
+ // g_wakelock.acquire();
+ // }
+
+ $(function() {
+ //鍓嶇Hub鐨勪娇鐢紝娉ㄦ剰鐨勬槸锛孒ub鐨勫悕瀛楁槸ChatHub锛岃繖閲屼娇鐢ㄦ椂棣栧瓧姣嶅皬鍐�
+ var work = $.connection.chatHub;
+ // work
+ console.log(work, 1)
+ //瀵瑰簲鍚庣鐨凷endMessage鍑芥暟锛屾秷鎭帴鏀跺嚱鏁�
+ // console.log(work.client.sendMessage)
+ work.client.sendMessage = function(msg) {
+ // console.log(msg, 1)
+ // CreateNotification(msg, Math.random())
+ createLocalPushMsg(msg)
+ };
+
+ //鍚庣SendLogin璋冪敤鍚庯紝浜х敓鐨刲oginUser鍥炶皟
+ work.client.loginUser = function(userlist) {
+ // console.log(userlist, 9)
+ // reloadUser(userlist);
+ };
+
+ $.connection.hub.url = 'http://121.196.36.24:8001/signalr'
+ //hub杩炴帴寮�鍚�
+ $.connection.hub.start().done(function() {
+
+ var username = localStorage.getItem('username');
+
+ //鍙戦�佷笂绾夸俊鎭�
+ work.server.sendLogin(username);
+
+ // const aaa = [{
+ // "code": "Q",
+ // "name": "鍛煎彨璐ㄩ噺",
+ // "children": [{
+ // "usercode": "999",
+ // "username": "妤煎厛鐢�"
+ // }]
+ // }]
+
+ // work.server.sendByGroupList('妤煎厛鐢�', 'CJ002', 'SB001', aaa)
+
+ $('#submit').click(function() {
+ // vant.Notify('鐐瑰嚮浜�')
+ // const data = {
+ // username: localStorage.getItem('username'),
+ // eqpcode: topContent.find(i => i.code === radioValue).code,
+ // wkshpcode: topContent.find(i => i.code === radioValue).wksp_code
+ // }
+ const DATA = []
+ centerContent.forEach(i => {
+ if (i.isTrue && !currentValue.includes(i.code)) {
+ i.flag = i.isTrue ? 'Y' : 'N'
+ DATA.push(i)
+ }
+ })
+ work.server.sendByGroupList(
+ localStorage.getItem('username'),
+ topContent.find(i => i.code === radioValue).wksp_code,
+ topContent.find(i => i.code === radioValue).code,
+ DATA
+ )
+ // submitIsDisabled = true
+ // falseArray.push({
+ // id: '1'
+ // })
+
+ // post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data), DATA).then(
+ // res => {
+ // if (res.code === '200') {
+ // vant.Notify({
+ // type: 'primary',
+ // message: '鎻愪氦鎴愬姛锛�'
+ // })
+ // topContent.forEach((r, i) => {
+ // if (r.code === radioValue) {
+ // topContent.splice(i, 1)
+ // }
+ // })
+ // if (topContent.length >= 1) {
+ // radioValue = topContent[0].code
+ // topContentClick(radioValue, topContent.find(i => i.code ===
+ // radioValue).wksp_code)
+ // }
+
+ // // submitIsDisabled = false
+ // falseArray.push({
+ // id: '1'
+ // })
+ // }
+ // })
+ })
+
+
+ });
+
+ });
+
+ //閲嶆柊鍔犺浇鐢ㄦ埛鍒楄〃
+ // var reloadUser = function() {
+ // $("#username").empty();
+ // for (i = 0; i < 5; i++) {
+ // $("#username").append("<option value=" + i + ">" + i + "</option>");
+ // }
+ // }
+
+
+ // 鎵弿宸ヤ綅杩斿洖鏃舵墽琛屾柟娉�
function scaned(r) {
+
radioValue = r
- let temp = {}
- let flag = false
+ var temp = {}
+ var flag = 0
- if (topContent.find(i => i.code === radioValue)) {
+ if (topContent.find(i => i.code === r)) {
topContent.forEach((item, index) => {
- if (item.code === radioValue) {
+ if (item.code === r) {
temp = item
topContent.splice(index, 1)
- flag = true
+ flag = 1
}
})
}
- if (flag) { //瀵瑰凡鍦ㄥ垪琛ㄧ殑鏁版嵁 鎺掑簭鍒扮涓�涓幓
+ if (flag === 1) { //瀵瑰凡鍦ㄥ垪琛ㄧ殑鏁版嵁 鎺掑簭鍒扮涓�涓幓
topContent.unshift(temp)
- topScanClick(radioValue)
- centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
+ topContentClick(r, topContent.find(i => i.code === r).wksp_code)
+
+ falseArray.push({
+ id: '1'
+ })
} else { //鏈湪鍒楄〃鐨勬暟鎹� 杩涜鏂板鎿嶄綔
- topScanClick(radioValue)
- centerContentClick(radioValue, topContent.find(i => i.code === radioValue).wksp_code)
+
+ topScanClick(r)
+
+ falseArray.push({
+ id: '1'
+ })
}
- falseArray.push({
- id: '1'
- })
}
@@ -97,15 +378,19 @@
post('AppDeviceManage/AppDeviceAnDengCallScanSearch?eqpcode=' + code).then(res => {
if (res.code === '200') {
topContent.unshift(res.data[0])
+ topContentClick(code, topContent.find(i => i.code === code).wksp_code)
falseArray.push({
id: '1'
})
+ }else{
+ topContentClick(topContent[0].code, topContent[0].wksp_code)
}
})
}
- function centerContentClick(code, wksp_code) {
+ function topContentClick(code, wksp_code) {
+ radioValue = code
const data = {
eqpcode: code,
wkshpcode: wksp_code
@@ -113,6 +398,22 @@
post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
if (res.code === '200') {
centerContent = res.data
+
+ currentValue = centerContent.map(r => {
+ if (r.flag === 'Y') {
+ return r.code
+ }
+ })
+
+ centerContent.forEach(i => {
+ i.isTrue = i.flag === 'Y'
+ })
+
+ // vant.Notify({
+ // type: 'danger',
+ // message: res.Message + centerContent.length
+ // });
+
falseArray.push({
id: '1'
})
@@ -122,6 +423,7 @@
</script>
</head>
+ <!-- <body onload="scaned('SB001')"> -->
<body>
<div id="app">
@@ -139,7 +441,6 @@
</template>
</van-nav-bar>
</van-sticky>
-
<div v-if="topContent.length===0">
<div class="sacnBody">
@@ -170,7 +471,7 @@
<van-radio-group v-model="radioValue">
<van-cell-group>
<div style="margin: 10px 0;" v-for="(item,index) in topContent" :key="item.eqpcode"
- @click="topContentClcik(item.code,item.wksp_code)">
+ @click="topContentClick(item.code,item.wksp_code)">
<div class="cellDiv">宸ヤ綅缂栫爜锛歿{item.code}}</div>
<van-cell :title="'宸ヤ綅鍚嶇О锛�'+item.name">
<template #right-icon>
@@ -186,7 +487,7 @@
</div>
- <div class="head" style="min-height: 100px;max-height: 260px; overflow: scroll;">
+ <div class="head" style="min-height: 100px; ">
<div class="head_block">
<div class="head_left">
<div class="head_bar"></div>
@@ -204,8 +505,9 @@
<div style="display: flex;justify-content: space-between;align-items: center;">
<div style="margin-left: 10px;">{{item.name}}</div>
<div style="margin-right: 10px;">
- <van-switch size="24" v-model="item.flag" @change='val=>switchChange(val,item)'
- active-color="#ee0a24" inactive-color="#dcdee0" />
+ <van-switch :disabled="item.flag==='Y'" size="24" v-model="item.isTrue"
+ @change='val=>switchChange(val,item)' active-color="#ee0a24"
+ inactive-color="#dcdee0" />
</div>
</div>
</div>
@@ -215,8 +517,8 @@
<div
style="position:fixed;bottom: 0;width: 96%;margin-left:2%; flex;justify-content: center;flex-direction: column;align-items: center">
- <van-button :load='submitIsDisabled' load-text="姝ｅ湪鎻愪氦,璇风◢绛�..." class="vanButtonInfo"
- @click="submit" type="info">
+ <van-button id="submit" :loading='submitIsDisabled' loading-text="姝ｅ湪鎻愪氦,璇风◢绛�..."
+ class="vanButtonInfo" @click='submit' type="info">
纭鎻愪氦</van-button>
</div>
@@ -241,7 +543,7 @@
el: '#app',
data: function() {
return {
- submitIsDisabled: false,
+
overlayShow: false,
showPopover: false,
actions: [{
@@ -254,13 +556,20 @@
icon: 'revoke',
text: '閫�鍑虹櫥褰�'
}],
-
+ topContent2: topContent,
falseArray2: falseArray, //鍋囨暟缁�
- // centerContent:[]
-
}
},
watch: {
+ 'topContent2.length': {
+ handler(newValue, oldValue) {
+ if (newValue !== oldValue) {
+ this.$forceUpdate()
+ }
+ },
+ deep: true,
+ immediate: true,
+ },
'falseArray2.length': {
handler(newValue, oldValue) {
this.$forceUpdate()
@@ -273,67 +582,78 @@
},
mounted() {
- const data = {
- eqpcode: 'SB001',
- wkshpcode: 'CJ002'
- }
- post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
- if (res.code === '200') {
- centerContent = res.data
- falseArray.push({
- id: '1'
- })
+ // const data = {
+ // eqpcode: 'SB001',
+ // wkshpcode: 'CJ002'
+ // }
+ // post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
+ // if (res.code === '200') {
+ // centerContent = res.data
- console.log(centerContent)
- }
- })
+ // currentValue = centerContent.map(r => {
+ // if (r.flag === 'Y') {
+ // return r.code
+ // }
+ // })
+ // centerContent.forEach(i => {
+ // i.isTrue = i.flag === 'Y'
+ // })
+ // this.$forceUpdate()
+
+ // }
+ // })
},
methods: {
+ switchChange(val, item) {
+ this.$forceUpdate()
+ },
submit() {
- const data={
- username:localStorage.getItem('username'),
- eqpcode:topContent.find(i=>i.code===radioValue).code,
- wkshpcode:topContent.find(i=>i.code===radioValue).wksp_code
- }
- const DATA=[]
- centerContent.forEach(i=>{
- if(i.flag){
- i.flag=i.flag?'Y':'N'
- DATA.push(i)
+ setTimeout(() => {
+ const data = {
+ username: localStorage.getItem('username'),
+ eqpcode: topContent.find(i => i.code === radioValue).code,
+ wkshpcode: topContent.find(i => i.code === radioValue).wksp_code
}
- })
-
- console.log(data,DATA)
-
- post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data),DATA).then(res => {
- if (res.code === '200') {
- vant.Notify.primary('鎻愪氦鎴愬姛锛�')
- topContent.forEach((r, i) => {
- if (r.code === radioValue) {
- topContent.splice(i, 1)
+ const DATA = []
+ centerContent.forEach(i => {
+ if (i.isTrue && !currentValue.includes(i.code)) {
+ i.flag = i.isTrue ? 'Y' : 'N'
+ DATA.push(i)
+ }
+ })
+
+ submitIsDisabled = true
+ // falseArray.push({
+ // id: '1'
+ // })
+ this.$forceUpdate()
+ post('AppDeviceManage/AppDeviceAnDengCallSave' + formatParams(data), DATA).then(
+ res => {
+ if (res.code === '200') {
+ vant.Notify({
+ type: 'primary',
+ message: '鎻愪氦鎴愬姛锛�'
+ })
+ topContent.forEach((r, i) => {
+ if (r.code === radioValue) {
+ topContent.splice(i, 1)
+ }
+ })
+ if (topContent.length >= 1) {
+ radioValue = topContent[0].code
+ this.topContentClick(radioValue, topContent.find(i => i.code ===
+ radioValue).wksp_code)
+ }
+
+ submitIsDisabled = false
+ this.$forceUpdate()
}
})
- if (topContent.length >= 1) {
- radioValue = topContent[0].code
- this.topContentClcik(radioValue)
- }
-
- this.submitIsDisabled = false
- this.$forceUpdate()
- }
- })
+ }, 100)
},
- switchChange(val, item) {
- console.log(val, item)
- this.$forceUpdate()
-
- },
-
- topContentClcik(code,wksp_code) {
+ topContentClick(code, wksp_code) {
radioValue = code
- this.$forceUpdate()
-
const data = {
eqpcode: code,
wkshpcode: wksp_code
@@ -341,12 +661,20 @@
post('AppDeviceManage/AppDeviceAnDengCallItemSearch' + formatParams(data)).then(res => {
if (res.code === '200') {
centerContent = res.data
- falseArray.push({
- id: '1'
+
+ currentValue = centerContent.map(r => {
+ if (r.flag === 'Y') {
+ return r.code
+ }
})
+
+ centerContent.forEach(i => {
+ i.isTrue = i.flag === 'Y'
+ })
+
+ this.$forceUpdate()
}
})
-
},
--
Gitblit v1.9.3