人脸识别功能模块完成/系统配置优化

AndroidManifest.xml

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="utf-8" standalone="no" ?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android" android:compileSdkVersion="33" android:compileSdkVersionCodename="13" package="android.dcloud.uskyMobile" platformBuildVersionCode="33" platformBuildVersionName="13">
+	<application android:allowBackup="false" android:allowClearUserData="true" android:appComponentFactory="androidx.core.app.CoreComponentFactory" android:debuggable="false" android:extractNativeLibs="true" android:hardwareAccelerated="true" android:icon="@drawable/icon" android:label="@string/app_name" android:largeHeap="true" android:name="io.dcloud.application.DCloudApplication" android:supportsRtl="true" android:usesCleartextTraffic="true">
+        <activity android:configChanges="fontScale|keyboard|keyboardHidden|mcc|mnc|navigation|orientation|screenLayout|screenSize|smallestScreenSize" android:exported="true" android:hardwareAccelerated="true" android:label="@string/app_name" android:name="io.dcloud.PandoraEntry" android:screenOrientation="user" android:theme="@style/DCloudTranslucentTheme" android:windowSoftInputMode="adjustResize">
+            <intent-filter>
+				<action android:name="android.intent.action.MAIN"/>
+				<category android:name="android.intent.category.LAUNCHER"/>
+				<category android:name="android.intent.category.HOME"/>
+				<category android:name="android.intent.category.DEFAULT"/>
+			</intent-filter>
+			<intent-filter>
+				<action android:name="android.intent.action.VIEW"/>
+				<category android:name="android.intent.category.DEFAULT"/>
+				<category android:name="android.intent.category.BROWSABLE"/>
+			</intent-filter>
+		</activity>	
+    </application>
+</manifest>

src/api/index/index.js

@@ -46,18 +46,6 @@ export function getFunctionalModuleStatistics(param) {
   });
 }
 
-// 登录方法
-// export function login(data) {
-//   return request({
-//     url: "/system/appLogin",
-//     headers: {
-//       isToken: false,
-//     },
-//     method: "POST",
-//     data: data,
-//   });
-// }
-
 //扫码登录PC端
 export function qrCodeSend(param) {
   return request({

src/manifest.json

@@ -178,22 +178,7 @@
                 "iosStyle" : "common"
             }
         },
-        "nativePlugins" : {
-            "Fvv-AutoStart" : {
-                "__plugin_info__" : {
-                    "name" : "AutoStart",
-                    "description" : "安卓开机自启动",
-                    "platforms" : "Android",
-                    "url" : "",
-                    "android_package_name" : "android.dcloud.uskyMobile",
-                    "ios_bundle_id" : "",
-                    "isCloud" : false,
-                    "bought" : -1,
-                    "pid" : "",
-                    "parameters" : {}
-                }
-            }
-        },
+        "nativePlugins" : {},
         "safearea" : {
             "offset" : "none"
         }
@@ -221,7 +206,7 @@
     },
     "h5" : {
         "publicPath" : "./",
-        "title" : "智慧消防",
+        "title" : "综合智慧云",
         "router" : {
             "mode" : "hash"
         },

src/pages.json

@@ -161,6 +161,18 @@
               "titleNView": false
             }
           }
+        },
+        {
+          "path": "face/index",
+          "style": {
+            "navigationBarTitleText": "人脸识别",
+            "enablePullDownRefresh": false,
+            "navigationStyle": "custom",
+            "app-plus": {
+              "bounce": "none",
+              "titleNView": false
+            }
+          }
         }
       ]
     },

src/pages/common/face/api.js

@@ -0,0 +1,58 @@
+import { request } from "@/utils/request";
+
+/**
+ * 会议室管理接口集合
+ * @method GetMeetingRoomList 会议室下拉列表
+ * @method GetMeetingRoomReservationList 会议预约详情列表
+ * @method Attendee 会议人员权限审核
+ */
+export function meetingApi() {
+    return {
+        GetMeetingRoomList(data) {
+            return request({
+                url: '/service-meeting/meetingRoom/MeetingRoomList',
+                method: 'GET',
+                params: data
+            })
+        },
+        GetMeetingRoomReservationList(data) {
+            return request({
+                url: '/service-meeting/meetingRoom/getMeetingRoomReservationList',
+                method: 'POST',
+                data: data
+            })
+        },
+        Attendee(data) {
+            return request({
+                url: '/service-meeting/meetingRoom/attendee',
+                method: 'GET',
+                params: data
+            })
+        }
+    }
+}
+
+/**
+ * 人脸校验接口集合
+ * @method faceVef 人脸验证
+ */
+export function faceApi() {
+    return {
+        faceVef: (data) => {
+            return request({
+                url: '/service-meeting/meetingFace/vef',
+                method: 'POST',
+                data,
+            });
+        },
+    };
+}
+
+//人员签到-人员签退
+export function signOnOut(data) {
+    return request({
+        url: '/service-meeting/meetingInfo/signOnOut',
+        method: 'POST',
+        data
+    })
+}

src/pages/common/face/index.vue

@@ -0,0 +1,473 @@
+<template>
+  <web-view ref="faceView" id="faceView" class="faceView" src="/static/face/index.html" bindmessage="receiveMessage" :webview-styles="webviewStyles" @message="onMessage"></web-view>
+  <u-modal
+    :show="modal.show"
+    title="配置服务器"
+    :cancelText="'退出应用'"
+    :zoom="false"
+    :showConfirmButton="true"
+    :showCancelButton="true"
+    :closeOnClickOverlay="true"
+    @confirm="modalConfirm"
+    @cancel="modalCancel"
+    @close="modal.show = false"
+  >
+    <view class="slot-content">
+      <view>
+        <view class="mb10 required">服务器地址</view>
+        <view class="mb20">
+          <u-input v-model="form.linkUrl" placeholder="服务器地址（必填）" border="bottom" style="padding: 6px 0px" />
+        </view>
+      </view>
+      <view>
+        <view class="mb10">服务器端口</view>
+        <view class="mb20">
+          <u-input v-model="form.port" placeholder="服务器端口（非必填）" border="bottom" style="padding: 6px 0px" />
+        </view>
+      </view>
+      <view v-if="meetingRoomList.length > 0">
+        <view class="mb10 required">绑定会议室</view>
+        <view>
+          <u-input
+            v-model="form.meetingName"
+            placeholder="会议室（必选）"
+            suffixIcon="arrow-right"
+            suffixIconStyle="color: #909399"
+            border="none"
+            disabledColor="transparent"
+            disabled
+            @click="handlePicker('绑定会议室')"
+          />
+        </view>
+      </view>
+    </view>
+  </u-modal>
+
+  <u-picker
+    :show="picker.show"
+    :columns="picker.list"
+    :title="'请选择' + picker.title"
+    keyName="name"
+    visibleItemCount="6"
+    :defaultIndex="[picker.defaultIndex]"
+    :closeOnClickOverlay="true"
+    @close="picker.show = false"
+    @cancel="picker.show = false"
+    @confirm="pickerConfirm"
+  ></u-picker>
+</template>
+<script setup>
+/*----------------------------------依赖引入-----------------------------------*/
+import { onLoad, onShow, onReady, onHide, onLaunch, onUnload, onNavigationBarButtonTap, onPageScroll } from "@dcloudio/uni-app";
+import { ref, reactive, computed, getCurrentInstance, toRefs, inject, nextTick, watch } from "vue";
+/*----------------------------------接口引入-----------------------------------*/
+import { meetingApi, faceApi, signOnOut } from "./api.js";
+/*----------------------------------组件引入-----------------------------------*/
+/*----------------------------------store引入-----------------------------------*/
+/*----------------------------------公共方法引入-----------------------------------*/
+const { proxy } = getCurrentInstance();
+/*----------------------------------公共变量-----------------------------------*/
+const state = reactive({
+  webviewStyles: {
+    width: "100%",
+    height: "100%",
+  },
+  meetingRoomList: [],
+  meetingTimeList: [],
+  meetingReservaList: {
+    dataAll: {},
+    thisVenueData: [],
+    thisVenueTime: {},
+    nextSceneData: [],
+    nextSceneTime: {},
+    timeList: [],
+  },
+  modal: {
+    show: false,
+  },
+  picker: {
+    show: false,
+    title: "",
+    list: [[]],
+    defaultIndex: 0,
+  },
+  form: {
+    linkUrl: "",
+    port: "",
+    meetingId: undefined,
+    meetingName: undefined,
+  },
+});
+const { webviewStyles, meetingRoomList, modal, picker, form } = toRefs(state);
+
+// 初始化
+function init() {
+  var storage = uni.getStorageSync("faceStorage");
+  if (storage) {
+    state.form.linkUrl = storage.linkUrl.indexOf(":") != -1 ? storage.linkUrl.split(":")[0] : storage.linkUrl;
+    state.form.port = storage.port ? storage.port : "";
+    state.form.meetingId = storage.meetingId || undefined;
+    state.form.meetingName = storage.meetingName || undefined;
+    meetingInit();
+  }
+}
+
+/**
+ * @会议信息初始化
+ * @method domain 服务器地址
+ */
+function meetingInit() {
+  getMeetingRoomList();
+  getMeetingRoomReservationList();
+}
+
+/**
+ * @会议室下拉列表
+ */
+function getMeetingRoomList() {
+  var domain = "";
+  if (state.form.linkUrl) {
+    domain = state.form.linkUrl;
+    if (state.form.port) {
+      domain += ":" + state.form.port;
+    }
+  }
+
+  meetingApi()
+    .GetMeetingRoomList({
+      domain: domain,
+    })
+    .then((requset) => {
+      requset.data.forEach((e) => {
+        state.meetingRoomList.push({
+          value: e.roomId,
+          name: e.roomName,
+        });
+      });
+    });
+}
+
+/**
+ * @会议室详情列表
+ */
+function getMeetingRoomReservationList() {
+  var domain = "";
+  if (state.form.linkUrl) {
+    domain = state.form.linkUrl;
+    if (state.form.port) {
+      domain += ":" + state.form.port;
+    }
+  }
+
+  if (!state.form.meetingId) {
+    return;
+  }
+
+  meetingApi()
+    .GetMeetingRoomReservationList({
+      domain: domain,
+      meetingRoomId: state.form.meetingId,
+      date: proxy.$dayjs().format("YYYY-MM-DD") + " 00:00:00",
+    })
+    .then((requset) => {
+      for (let i = 0; i <= 23.5; i += 0.5) {
+        var time = "";
+        if (i % 1 === 0.5) {
+          if (i < 10) {
+            time = "0" + (i - 0.5) + ":30";
+          } else {
+            time = i - 0.5 + ":30";
+          }
+        } else {
+          if (i < 10) {
+            time = "0" + i + ":00";
+          } else {
+            time = i + ":00";
+          }
+        }
+
+        state.meetingTimeList.push({
+          startTime: time,
+          endTime: time,
+          isEnd: 0,
+          isHave: 0,
+          isReservation: 0,
+        });
+      }
+
+      if (requset.data.length > 0) {
+        state.meetingReservaList.dataAll = requset.data[0];
+        state.meetingReservaList.dataAll.dmMeetingList.forEach((e, index) => {
+          //判断开始时间和结束时间是否包含当前时间
+          if (proxy.$dayjs().isBetween(e.startDate, e.endDate, null, "[]")) {
+            state.meetingReservaList.thisVenueData.push(e);
+            state.meetingReservaList.thisVenueTime = proxy.$time.timeRestructuring(state.meetingReservaList.dataAll.meetingRoomUsage[index]);
+          }
+          //判断当前时间是否相同或在其之前
+          if (proxy.$dayjs().isSameOrBefore(e.startDate) && state.meetingReservaList.nextSceneData.length < 1) {
+            state.meetingReservaList.nextSceneData.push(e);
+            state.meetingReservaList.nextSceneTime = proxy.$time.timeRestructuring(state.meetingReservaList.dataAll.meetingRoomUsage[index]);
+          }
+        });
+
+        state.meetingReservaList.timeList = showTimeSegments(state.meetingTimeList);
+
+        setTimeout(() => {
+          handleChildren({
+            funcName: "初始化",
+            data: JSON.stringify(state.meetingReservaList),
+          });
+        }, 0);
+      } else {
+        setTimeout(() => {
+          handleChildren({
+            funcName: "初始化",
+            data: JSON.stringify(state.meetingReservaList),
+          });
+        }, 0);
+      }
+    });
+}
+
+// 显示时间段的函数
+function showTimeSegments(times) {
+  const timesXleList = JSON.parse(JSON.stringify(times));
+
+  for (var i = 0; i < timesXleList.length; i++) {
+    state.meetingReservaList.dataAll.meetingRoomUsage.forEach((item) => {
+      const timeValue = new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${timesXleList[i].startTime}`);
+      const timeList = proxy.$time.timeRestructuring(item);
+      const startValue = new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${timeList.startTime}`);
+      const endValue = new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${timeList.endTime}`);
+
+      if (timeValue.getTime() >= startValue.getTime() && timeValue.getTime() < endValue.getTime()) {
+        timesXleList.splice(i--, 1);
+      }
+    });
+  }
+
+  state.meetingReservaList.dataAll.meetingRoomUsage.forEach((item) => {
+    const timeList = proxy.$time.timeRestructuring(item);
+    const startValue = new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${timeList.startTime}`);
+    const endValue = new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${timeList.endTime}`);
+
+    if (proxy.$dayjs().isBetween(startValue, endValue, null, "[]")) {
+      timesXleList.push({
+        ...timeList,
+        isEnd: 0,
+        isHave: 1,
+        isReservation: 0,
+      });
+    } else {
+      if (proxy.$dayjs().isSameOrAfter(startValue)) {
+        timesXleList.push({
+          ...timeList,
+          isEnd: 1,
+          isHave: 0,
+          isReservation: 0,
+        });
+      }
+      if (proxy.$dayjs().isSameOrBefore(startValue)) {
+        timesXleList.push({
+          ...timeList,
+          isEnd: 0,
+          isHave: 0,
+          isReservation: 1,
+        });
+      }
+    }
+  });
+
+  var newTimesXleList = proxy.$common
+    .uniq(timesXleList, "startTime")
+    .sort((a, b) => new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${a.startTime}`) - new Date(`${proxy.$dayjs().format("YYYY-MM-DD")}T${b.startTime}`));
+  return newTimesXleList;
+}
+
+/**
+ * @人脸验证
+ */
+function faceVerify(imageBase) {
+  faceApi()
+    .faceVef({ imageBase })
+    .then((res) => {
+      state.faceImgState = false;
+      if (res.data.code === 200 || res.data.code === 201) {
+        proxy.$modal.msg(res.data.msg);
+
+        meetingApi()
+          .Attendee({
+            meetingId: state.thisVenueData[0].meetingId,
+            userId: res.data.userId,
+            name: res.data.faceName,
+          })
+          .then((res1) => {
+            if (res1.data.status == "1") {
+              proxy.$modal.msg(res1.data.msg);
+              state.msg = `[${res.data.faceName}] ${res1.data.msg}`;
+
+              signOnOut({
+                meetingId: state.thisVenueData[0].meetingId,
+                userId: res.data.userId, //参会人Id
+                mothodType: 0, //签到签退类别(0.签到 1.签退)
+                signType: 1, //签到签退方式(0.人工 1.人脸)
+              }).then((res) => {});
+            } else {
+              proxy.$modal.msg(res1.data.msg);
+            }
+          });
+      } else {
+        proxy.$modal.msg(res.data.msg);
+      }
+    })
+    .catch((err) => {
+      state.faceImgState = false;
+    });
+}
+
+/**
+ * @弹窗确定按钮事件
+ */
+function modalConfirm() {
+  if (!state.form.linkUrl) {
+    proxy.$modal.msg("请输入链接地址");
+    return;
+  }
+
+  if (!/^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}(?:\.[a-zA-Z0-9]{2,})+$/.test(state.form.linkUrl)) {
+    proxy.$modal.msg("请输入正确的链接地址");
+    return;
+  }
+
+  if (!state.form.meetingName) {
+    proxy.$modal.msg("请选择绑定会议室");
+    return;
+  }
+
+  uni.setStorageSync("faceStorage", state.form);
+  getMeetingRoomReservationList();
+  state.modal.show = false;
+}
+
+/**
+ * @action弹出框点击事件
+ */
+function handlePicker(value, index, ind) {
+  if (value == "绑定会议室") {
+    state.picker.title = "绑定会议室";
+    state.picker.list = [state.meetingRoomList];
+    state.picker.defaultIndex = 0;
+  }
+
+  state.picker.show = true;
+}
+
+/**
+ * @action弹出框选择事件
+ */
+function pickerConfirm(e) {
+  if (state.picker.title == "绑定会议室") {
+    state.form.meetingId = e.value[0].value;
+    state.form.meetingName = e.value[0].name;
+  }
+
+  state.picker.show = false;
+}
+
+/**
+ * @弹窗退出按钮事件
+ */
+function modalCancel() {
+  state.modal.show = false;
+}
+
+/**
+ * @解析父页面传回的数据
+ */
+function analysisData(event) {
+  if ("funcName" in event) {
+    console.log(event.funcName);
+    if (event.funcName == "打开配置") {
+      state.modal.show = true;
+    } else if (event.funcName == "人脸识别") {
+      faceVerify(event.data.imageBase);
+    }
+  }
+}
+
+/**
+ * @向子页面发送数据
+ */
+function handleChildren(data) {
+  // #ifdef APP-PLUS
+  var currentWebview = pages[pages.length - 1].$getAppWebview();
+  var wv = currentWebview.children()[0];
+  wv.evalJS(`receiveData(${JSON.stringify(data)})`);
+  // #endif
+
+  // #ifdef H5
+  var iframe = document.getElementById("faceView");
+  iframe.contentWindow.postMessage(data, "*");
+  // #endif
+}
+
+/**
+ * @接收子页面传过来的值
+ */
+function onMessage(e) {
+  analysisData(e.detail.data[0]);
+}
+// #ifdef H5
+window.onmessage = function (event) {
+  analysisData(event.data);
+};
+// #endif
+
+onLoad((options) => {
+  init();
+});
+
+watch(
+  () => [state.form.linkUrl, state.form.port],
+  (val) => {
+    state.meetingRoomList = [];
+
+    if (!state.form.linkUrl) {
+      return;
+    }
+
+    if (!/^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}(?:\.[a-zA-Z0-9]{2,})+$/.test(state.form.linkUrl)) {
+      return;
+    }
+
+    getMeetingRoomList();
+  }
+);
+</script>
+<style>
+.faceView {
+  width: 100% !important;
+  height: 100% !important;
+}
+
+iframe {
+  width: 100% !important;
+  height: 100% !important;
+  border-width: 0;
+}
+</style>
+<style lang="scss" scoped>
+:deep() {
+  .u-modal {
+    width: 30rem !important;
+
+    &__title {
+      font-size: 18px !important;
+    }
+    .slot-content {
+      font-size: 16px;
+      width: 100%;
+    }
+  }
+}
+</style>

src/pages/login.vue

@@ -61,16 +61,7 @@
     </view>
   </view>
 
-  <u-modal
-    :show="modalShow"
-    title="用户协议及隐私政策"
-    :confirmText="'同意'"
-    :cancelText="'不同意'"
-    :zoom="false"
-    :showCancelButton="true"
-    @confirm="(uChecked = true), (modalShow = false)"
-    @cancel="modalShow = false"
-  >
+  <u-modal :show="modalShow" title="用户协议及隐私政策" :confirmText="'同意'" :cancelText="'不同意'" :zoom="false" :showCancelButton="true" @confirm="modalConfirm()" @cancel="modalShow = false">
     <view class="slot-content">
       <view>
         您在使用我们的服务时，我们可能会收集和使用您的相关信息。我们希望通过本
@@ -231,10 +222,10 @@ function submitRes() {
   }
 
   login({
-    username: switchText.value == "账号密码登录" ? username.value : undefined,
-    password: switchText.value == "账号密码登录" ? password.value : undefined,
-    phone: switchText.value == "验证码登录" ? phone.value : undefined,
-    verify: switchText.value == "验证码登录" ? verify.value : undefined,
+    username: state.switchText == "账号密码登录" ? state.username : undefined,
+    password: state.switchText == "账号密码登录" ? state.password : undefined,
+    phone: state.switchText == "验证码登录" ? state.phone : undefined,
+    verify: state.switchText == "验证码登录" ? state.verify : undefined,
     tenantId: useStore.tenantId,
     cids: proxy.$settingStore.pushClientId || undefined,
     type: proxy.$common.isWechatMp() ? "wx" : "app",
@@ -256,9 +247,18 @@ function login(data) {
   });
 }
 
+/** 隐私弹窗确定事件 */
+function modalConfirm() {
+  state.uChecked = true;
+  state.modalShow = false;
+  setTimeout(() => {
+    submitRes();
+  });
+}
+
 // 复选框chage事件
 function uCheckedChange(e) {
-  uChecked.value = e;
+  state.uChecked = e;
 }
 
 // 用户协议
@@ -375,40 +375,37 @@ onLoad((options) => {});
 
     // 登录页-服务器配置样式 开始
     &-input {
-      :deep(.u-input) {
-        height: 45px;
-        border: 0 !important;
-        border-radius: 8px;
-        margin-bottom: 15px;
-        padding: 5px 12px !important;
-        background-color: #f5f6fa !important;
-      }
-
-      :deep(.input-placeholder) {
-        color: #c0c4cc !important;
-      }
-
-      :deep(.uni-input-wrapper) {
-        font-size: 16px;
-      }
-
-      :deep(.u-icon__icon) {
-        font-size: 24px !important;
-        line-height: 24px !important;
-        color: gray !important;
-      }
-
-      :deep(.iconfont) {
-        color: gray !important;
-      }
-
-      :deep(:-webkit-autofill) {
-        caret-color: #000; // 设置光标颜色
-        // -webkit-text-fill-color: gray !important;
-        -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
-        background-color: transparent;
-        background-image: none;
-        transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
+      :deep() {
+        .u-input {
+          height: 45px;
+          border: 0 !important;
+          border-radius: 8px;
+          margin-bottom: 15px;
+          padding: 5px 12px !important;
+          background-color: #f5f6fa !important;
+        }
+        .input-placeholder {
+          color: #c0c4cc !important;
+        }
+        .uni-input-wrapper {
+          font-size: 16px;
+        }
+        .u-icon__icon {
+          font-size: 24px !important;
+          line-height: 24px !important;
+          color: gray !important;
+        }
+        .iconfont {
+          color: gray !important;
+        }
+        :-webkit-autofill {
+          caret-color: #000; // 设置光标颜色
+          // -webkit-text-fill-color: gray !important;
+          -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
+          background-color: transparent;
+          background-image: none;
+          transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
+        }
       }
     }
 
@@ -475,4 +472,10 @@ onLoad((options) => {});
     }
   }
 }
+
+@media (min-width: 1280px) {
+  .middle {
+    margin-top: auto !important;
+  }
+}
 </style>

src/pages/register.vue

@@ -143,6 +143,7 @@ function handleSubmit() {
 function navigateTo() {
   proxy.$tab.navigateBack(1);
 }
+
 onLoad((options) => {});
 </script>
 

src/pages/serveConfig.vue

@@ -12,7 +12,7 @@
 
     <view class="bottom-area">
       <u-input v-model="linkUrl" placeholder="服务器地址(必填)" border="none" clearable> </u-input>
-      <u-input v-model="port" type="number" placeholder="端口号(非必填)" border="none" maxlength="5" clearable> </u-input>
+      <u-input v-model="port" type="number" placeholder="服务器端口(非必填)" border="none" maxlength="5" clearable> </u-input>
       <u-input v-model="content" placeholder="备注(非必填)" border="none" maxlength="20" clearable> </u-input>
 
       <u-button

src/plugins/index.js

@@ -11,6 +11,14 @@ import config from "@/config"; // config
 import { useDict } from '@/utils/dict'
 import { settingStores } from "@/store/modules/index";
 
+import dayjs from 'dayjs'
+import isBetween from 'dayjs/plugin/isBetween';
+import isSameOrAfter from 'dayjs/plugin/isSameOrAfter';
+import isSameOrBefore from 'dayjs/plugin/isSameOrBefore';
+dayjs.extend(isBetween);
+dayjs.extend(isSameOrAfter)
+dayjs.extend(isSameOrBefore)
+
 export default {
   install(app) {
     // 公共请求路径
@@ -46,6 +54,9 @@ export default {
     // 公共设置stroe
     app.provide("$settingStore", settingStores());
     app.config.globalProperties.$settingStore = settingStores();
+    // 公共时间处理方法dayjs
+    app.provide("$dayjs", dayjs);
+    app.config.globalProperties.$dayjs = dayjs;
     // 公共字典模块
     app.config.globalProperties.useDict = useDict
   },

src/plugins/time.plugins.js

@@ -167,5 +167,51 @@ export default {
             startDate: startDate,
             endDate: endDate
         }
+    },
+    /**
+     * @时间重组
+     * @param { 时间段 } chooseTime 
+     */
+    timeRestructuring(chooseTime) {
+        var startTime = "";
+        var endTime = "";
+        let start = chooseTime[0];
+        let end = chooseTime[1];
+
+        if (start == 0 && end == 0) {
+            startTime = "00:00";
+            endTime = "00:30";
+        }
+
+        if ((!start && start !== 0) || !end) {
+            startTime = "";
+            endTime = "";
+            return;
+        }
+
+        if (start % 1 === 0.5) {
+            start = (start - 0.5 < 10 ? "0" : "") + (start - 0.5) + ":30";
+        } else {
+            start = (start < 10 ? "0" : "") + start + ":00";
+        }
+
+        if (Number.isInteger(end)) {
+            if (end === 24) {
+                end = "23:30";
+            } else {
+                end = (end - 0.5 < 10 ? "0" : "") + end + ":00";
+            }
+        } else {
+            if (end === 24) {
+                end = "23:30";
+            } else {
+                end = (end < 10 ? "0" : "") + (end - 0.5) + ":30";
+            }
+        }
+
+        return {
+            startTime: start,
+            endTime: end,
+        };
     }
 }

src/static/face/index.html

@@ -0,0 +1,382 @@
+<!doctype html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>人脸识别</title>
+    <script type="text/javascript" src="./js/tracking-min.js"></script>
+    <script type="text/javascript" src="./js/face-min.js"></script>
+    <script type="text/javascript" src="./js/jquery-2.2.1.min.js"></script>
+    <!-- uni 的 SDK -->
+    <!-- 需要把 uni.webview.1.5.4.js 下载到自己的服务器 -->
+    <script type="text/javascript" src="./js/uni.webview.1.5.4.js"></script>
+    <style>
+        html,
+        body {
+            width: 100%;
+            height: 100%;
+            margin: 0;
+            /* Safari */
+            -webkit-user-select: none;
+            /* Firefox */
+            -moz-user-select: none;
+            /* IE10+/Edge */
+            -ms-user-select: none;
+            /* Standard syntax */
+            user-select: none;
+
+            ::-webkit-scrollbar {
+                display: none;
+            }
+        }
+
+        video,
+        canvas {
+            position: absolute;
+            left: 0;
+            top: 0;
+        }
+
+        .home-card-one,
+        .home-card-two,
+        .home-card-three {
+            display: flex;
+            flex-wrap: wrap;
+            overflow: auto;
+            color: #000;
+            padding: 20px 20px 50px 20px;
+            width: calc(100% - 40px);
+            height: calc(100% - 70px);
+            text-align: center;
+            background-color: #fff;
+        }
+
+
+        .home-card-left {
+            display: flex;
+            flex-wrap: wrap;
+            width: calc(50% - 10px);
+            margin-right: 10px;
+        }
+
+        .home-card-left-image {
+            max-height: auto;
+        }
+
+        .home-card-left-header {
+            width: 100%;
+            clear: both;
+            font-size: 30px;
+            color: #409eff;
+            margin: 30px 0 30px 0;
+        }
+
+        .home-card-left-content {
+            width: 100%;
+            font-size: 18px;
+            padding: 10px;
+            background-color: #dfdfdf;
+            border-radius: 15px;
+        }
+
+        /* .home-card-left-content>div:last-child {
+            margin-bottom: 30px;
+        } */
+
+        .home-card-left-content>div {
+            margin-bottom: 20px;
+        }
+
+        .home-card-left-content>div:first-child {
+            text-align: left;
+            margin-bottom: 30px;
+        }
+
+        .home-card-right {
+            display: flex;
+            flex-wrap: wrap;
+            width: calc(50% - 10px);
+            text-align: center;
+            justify-content: center;
+            background-color: #409eff;
+            border-radius: 15px;
+            color: white;
+            margin-left: 10px;
+        }
+
+        .home-card-right-header {
+            display: flex;
+            justify-content: center;
+            max-height: 36px;
+            margin-bottom: 30px;
+        }
+
+        .home-card-right-header-center {
+            padding: 10px;
+            font-size: 12px;
+            background: rgb(255 255 255 / 10%);
+            border-radius: 5px;
+        }
+
+        .home-card-right-header-title {
+            font-size: 18px;
+            margin: auto 0;
+        }
+
+        .home-card-right-content {
+            width: 100%;
+        }
+
+        .home-card-right-footer {
+            position: relative;
+            width: 320px;
+            height: 240px;
+        }
+
+        .home-card-bottom {
+            width: 100%;
+            position: absolute;
+            left: 0;
+            bottom: 0;
+            display: flex;
+            overflow: auto;
+            height: 31px;
+            margin-top: 20px;
+        }
+
+        .home-card-bottom>div {
+            padding: 6px;
+            font-size: 13px;
+            color: #fff;
+            border-left: 1.5px #fff solid;
+            white-space: nowrap;
+        }
+
+        .home-card-bottom>div:first-child {
+            border: 0px;
+        }
+
+        @media (max-width: 768px) {
+
+            .home-card-left,
+            .home-card-right {
+                width: 100% !important;
+                margin: 0 !important;
+            }
+
+            .home-card-left {
+                margin-bottom: 20px !important;
+            }
+        }
+    </style>
+</head>
+
+<body>
+    <div id="face-container" class="face-container home-card-two">
+        <div id="home-card-left" class="home-card-left"></div>
+        <div id="home-card-right" class="home-card-right"></div>
+        <div id="home-card-bottom" class="home-card-bottom"></div>
+    </div>
+
+    <script type="text/javascript">
+        var state = {
+            dataAll: {},
+            thisVenueData: [],
+            thisVenueTime: {},
+            nextSceneData: [],
+            nextSceneTime: {},
+            timeList: []
+        }
+        var timeOutEvent = 0;
+
+
+        // 初始化
+        function initData() {
+            $(`#home-card-left`).append(`
+                <image id="home-card-left-image" class="home-card-left-image" src="./img/logo.png" width="125px" height="60px" mode="aspectFill"></image>
+                <div class="home-card-left-header">${state.dataAll?.roomName || "请配置会议室"}</div>
+                <div class="home-card-left-content" style="margin-bottom: 20px;">
+                    <div>本场会议</div>
+                    <div>${state.thisVenueData[0]?.meetingName || "空闲中"}</div>
+                    <div>${state.thisVenueTime.startTime || "00:00"} — ${state.thisVenueTime.endTime || "00:00"}</div>
+                </div>
+
+                <div class="home-card-left-content">
+                    <div>下场会议</div>
+                    <div>${state.nextSceneData[0]?.meetingName || "空闲中"}</div>
+                    <div>${state.nextSceneTime.startTime || "00:00"} — ${state.nextSceneTime.endTime || "00:00"}</div>
+                </div>
+            `)
+
+            $(`#home-card-right`).append(`
+                <div class="home-card-right-header">
+                    <div class="home-card-right-header-center">
+                        <span style="padding: 0 5px 0 0; border-right: 1px #fff solid">温度：80℃</span>
+                        <span style="padding: 0px 5px; border-right: 1px #fff solid">湿度：80%</span>
+                        <span style="padding: 0px 5px; border-right: 1px #fff solid">PM2.5：10μg/m3</span>
+                        <span style="padding: 0 0 0 5px">甲醛：0ppm</span>
+                    </div>
+                    <div class="home-card-right-header-title">${state.thisVenueData[0] ? "&nbsp;&nbsp;会议进行中" : "&nbsp;"}</div>
+                </div>
+                <div class="home-card-right-content">
+                    <div style="font-size: 20px; margin-bottom: 15px;">${state.thisVenueData[0]?.meetingName || "空闲中"}</div>
+                    <div style="font-size: 18px; margin-bottom: 15px;">
+                        ${state.thisVenueTime.startTime || "00:00"} — ${state.thisVenueTime.endTime || "00:00"}
+                    </div>
+                    <div style="font-size: 14px; margin-bottom: 15px;">${state.msg || "&nbsp;"}</div>
+                </div>
+                <div class="home-card-right-footer" id="home-card-right-footer">
+                    <video id="video" width="320" height="240" preload autoplay loop muted></video>
+                    <canvas id="canvas" width="320" height="240"></canvas>
+                </div>
+            `)
+
+            var html = ``
+            state.timeList.forEach((item, timeIndex) => {
+                html += `
+                    <div id="timeScorll${timeIndex}" style="background-color: ${item.isEnd === 1 ? "#909399" : item.isHave === 1 ? "#fa3534" : item.isReservation === 1 ? "#ff9900" : "#409eff"}">
+                      ${item.isEnd != 0 || item.isHave != 0 || item.isReservation != 0 ? item.startTime + " —— " + item.endTime : item.startTime}  
+                    </div >
+                `
+            });
+            $(`#home-card-bottom`).append(html)
+
+            var video = document.getElementById("video");//视频dom
+            video.style.transform = 'scaleX(-1)';//视频翻转(1.水平翻转-scaleX(-1) 2.垂直翻转-scaleY(-1))
+            var canvas = document.getElementById('canvas');//画布dom
+            canvas.style.transform = 'scaleX(-1)';//画布翻转(1.水平翻转-scaleX(-1) 2.垂直翻转-scaleY(-1))
+            var context = canvas.getContext('2d');
+            var time = 5000;
+            var tracker = new tracking.ObjectTracker('face');
+            tracker.setInitialScale(4); //设置识别的放大比例
+            tracker.setStepSize(2);//设置步长
+            tracker.setEdgesDensity(0.1);//边缘密度
+            //启动摄像头，并且识别视频内容
+            var trackerTask = tracking.track('#video', tracker, {
+                camera: true
+            });
+
+            var flag = true;
+            tracker.on('track', function (event) {
+                if (event.data.length === 0) {
+                    // console.log('未检测到人脸')
+                    context.clearRect(0, 0, canvas.width, canvas.height);
+                } else if (event.data.length > 1) {
+                    // console.log('检测到多张人脸')
+                } else {
+                    context.clearRect(0, 0, canvas.width, canvas.height);
+                    event.data.forEach(function (rect) {
+                        context.strokeStyle = '#409eff';
+                        context.strokeRect(rect.x, rect.y, rect.width, rect.height);
+                        context.fillStyle = "#409eff";
+                        context.lineWidth = 1.5;
+                    });
+                    if (flag) {
+                        console.log("拍照");
+                        context.drawImage(video, 0, 0, video.width, video.height);
+                        saveAsLocalImage();
+                        context.clearRect(0, 0, canvas.width, canvas.height);
+                        flag = false;
+                        setTimeout(function () {
+                            flag = true;
+                        }, time);
+                    } else {
+                        //console.log("冷却中");
+                    }
+                }
+            });
+
+            $("#home-card-left-image").on({
+                touchstart: function (e) {
+                    timeOutEvent = setTimeout("longPress()", 500);
+                    e.preventDefault();
+                },
+                touchmove: function () {
+                    clearTimeout(timeOutEvent);
+                    timeOutEvent = 0;
+                },
+                touchend: function () {
+                    clearTimeout(timeOutEvent);
+                    if (timeOutEvent != 0) {
+                        console.log("你这是点击，不是长按");
+                    }
+                    return false;
+                }
+            })
+        }
+
+        // 长按事件
+        function longPress() {
+            timeOutEvent = 0
+            parentMessage('打开配置')
+        }
+
+        /**
+         * 解析数据
+         */
+        function analysisData(event) {
+            console.log(event.funcName)
+            if ("funcName" in event) {
+                if (event.funcName == "初始化") {
+                    $(`#home-card-left`).empty();//删除dom下的所有子元素
+                    $("#home-card-right").empty();//删除dom下的所有子元素
+                    $(`#home-card-bottom`).empty();//删除dom下的所有子元素
+
+                    state.dataAll = JSON.parse(event.data).dataAll
+                    state.thisVenueData = JSON.parse(event.data).thisVenueData
+                    state.thisVenueTime = JSON.parse(event.data).thisVenueTime
+                    state.nextSceneData = JSON.parse(event.data).nextSceneData
+                    state.nextSceneTime = JSON.parse(event.data).nextSceneTime
+                    state.timeList = JSON.parse(event.data).timeList
+
+                    initData();
+                } else if (event.funcName == "撒点") {
+
+                }
+            }
+        }
+
+        // 获取图片bold
+        function saveAsLocalImage() {
+            var myCanvas = document.getElementById("canvas");
+            var image = myCanvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
+            parentMessage('人脸识别', { imageBase: image })
+        }
+
+        // 向父页面发送数据
+        function parentMessage(type, data) {
+            var message = {
+                funcName: type,
+                data: data,
+            };
+
+            //APP-PLUS
+            uni.postMessage({
+                data: message
+            });
+
+            //H5
+            if (window.parent) {
+                window.parent.postMessage(message, '*');
+            }
+        }
+
+        /**
+         * APP-PLUS || H5
+         * 接收父页面传过来的值
+         */
+        window.receiveData = function (msg) {
+            analysisData(msg)
+        }
+        window.addEventListener("message", function (event) {
+            analysisData(event.data)
+        });
+
+        window.onload = function () {
+            initData();
+        };
+    </script>
+
+</body>
+
+</html>

src/utils/keyListen.js

@@ -17,23 +17,19 @@ export default {
 		//参数needStopSystem默认不阻止系统响应，如需阻止调用startListen(true)
 		/*特别提醒，全面屏手势Home和recent部分机型是监听不到的，自行测试，如遇卡死电脑控制台直接重新运行项目即可解决！*/
 		let that = this;
-		that.openListen();
 		let main = plus.android.runtimeMainActivity();
+		that.openListen();
 		if (needStopSystem) {
-			main.startLockTask()//阻止系统home建和近期任务键
-			plus.key.addEventListener("backbutton", function () {
+			plus.key.addEventListener("backbutton", function (e) {
 				// main.stopLockTask()//按返回键恢复
+				// main.startLockTask()//阻止系统home建和近期任务键
 				// main.unregisterReceiver(receiver); //同时停止接收home和recent点击
+				console.log('监听返回')
+				e.preventDefault();
 			});
 		} else {
-			plus.globalEvent.addEventListener('resume', function (e) {
-				that.openListen();//应用切换到前台时需要重新开启监听
-				main.startLockTask()//阻止系统home建和近期任务键
-			});
-			plus.key.addEventListener("backbutton", function () {
-				// main.unregisterReceiver(receiver); //同时停止监听home和recent
-			});
 		}
+
 	},
 	openListen: function () {//注册监听
 		let that = this;
@@ -46,7 +42,7 @@ export default {
 			filter.addAction(Intent.ACTION_SCREEN_OFF);
 			filter.addAction(Intent.ACTION_USER_PRESENT);
 			filter.addAction(Intent.ACTION_CLOSE_SYSTEM_DIALOGS);
-			filter.addAction(Intent.GLOBAL_ACTION_BACK);
+			filter.addAction('android.intent.action.MEDIA_BUTTON');
 			receiver = plus.android.implements('io.dcloud.feature.internal.reflect.BroadcastReceiver', {
 				onReceive: function (context, intent) { //实现onReceiver回调函数  
 					let act = intent.getAction();
@@ -58,14 +54,17 @@ export default {
 						console.log('解锁')
 					} else if (act == Intent.ACTION_CLOSE_SYSTEM_DIALOGS) {
 						let systemReason = intent.getStringExtra(SYSTEM_REASON);
-						// console.log("关闭原因", systemReason);
+						console.log("关闭原因", systemReason);
 						if (systemReason != null) {
 							if (systemReason == SYSTEM_HOME_KEY) {
 								// System.out.println("按下HOME键");
 								console.log('按下HOME键')
+								that.launchApp();//启动APP
+
 							} else if (systemReason == SYSTEM_RECENT_APPS) {
 								// System.out.println("按下多任务键");
 								console.log('按下多任务键')
+								that.launchApp();//启动APP
 							}
 						}
 					} else if (act == Intent.GLOBAL_ACTION_BACK) {
@@ -95,6 +94,32 @@ export default {
 			// iOS无法通过API直接全屏，可以尝试隐藏所有导航栏
 			plus.navigator.hideSystemBar();
 		}
+	},
+	stopHomeEmit() {
+		let main = plus.android.runtimeMainActivity();
+		main.stopLockTask()//按返回键恢复
+		main.startLockTask()//阻止系统home建和近期任务键
+	},
+	launchApp() {
+		var isApp = plus.runtime.isApplicationExist({
+			//查看安卓系统手机有没有下载这款app
+			pname: 'android.dcloud.uskyMobile' //本地浏览器的包名
+		})
+
+		if (isApp) {
+			//安装了app则运行
+			plus.runtime.launchApplication(
+				{
+					pname: "android.dcloud.uskyMobile",
+					newTask: false
+				},
+				(e) => {
+					console.log("e", e);
+				}
+			);
+		}
+		plus.runtime.launcher('shortcut');
+		plus.runtime.restart();
 	}
 }
 function toast(content) {