ios 语音问题

src/main.js

@@ -2,6 +2,7 @@ import { createApp } from 'vue'
 import router from './router/index'
 import { createPinia } from 'pinia'
 
+
 import App from './App.vue'
 import { Button, Tab, Tabs, Form, Field, CellGroup, Cell, RadioGroup, Radio, Uploader, Icon, Popup, Loading, Overlay, Empty, List, Picker } from 'vant';
 import IconComponent from '@/components/Icon.vue'
@@ -13,6 +14,10 @@ import 'vant/lib/index.css';
 import './assets/style/style.scss'
 import './assets/style/vant.scss'
 
+// import VConsole from 'vconsole';
+//
+// const vConsole = new VConsole();
+
 const app = createApp(App)
     .use(router)
     .use(createPinia())

src/store/wx.js

@@ -11,7 +11,7 @@ const WxStore = defineStore(
             initSign() {
                 const _this = this;
                 return new Promise((resolve, reject) => {
-                    const url = window.location.href.split("?")[0];
+                    const url = window.location.href;
                     wxSign(url).then((data) => {
                         wx.config({
                             // debug: true, // 开启调试模式

src/views/Home.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="wrapper">
     <header>
-            <img src="/imgs/bg1.png" alt="" />
+      <img src="/imgs/bg1.png" alt=""/>
     </header>
     <main>
       <div class="flex gap-10 center mt-20">
@@ -10,7 +10,7 @@
             @click="router.push('/realName/auth')"
         >
           <div style="width: 48px">
-                        <img src="/imgs/write.png" alt="" />
+            <img src="/imgs/write.png" alt=""/>
           </div>
           <span>我要写信</span>
         </a>
@@ -19,7 +19,7 @@
             @click="router.push('/mail?active=my')"
         >
           <div style="width: 48px">
-                        <img src="/imgs/search.png" alt="" />
+            <img src="/imgs/search.png" alt=""/>
           </div>
           <span>回复查询</span>
         </a>
@@ -32,15 +32,16 @@
     </main>
   </div>
 
-    <Loading :loading="loading" />
+  <Loading :loading="loading"/>
 
 </template>
 <script setup>
-import { useRoute, useRouter } from "vue-router";
+import {useRoute, useRouter} from "vue-router";
-import { auth, authOpenid } from "@/api/auth";
+import {auth, authOpenid} from "@/api/auth";
 import UserStore from "@/store/user";
-import { setToken, getToken } from "@/util/cookie";
+import {setToken, getToken} from "@/util/cookie";
 import WxStore from "@/store/wx";
+
 const wxStore = WxStore();
 
 const router = useRouter();
@@ -57,8 +58,8 @@ if (!getToken()) {
       setToken(data.token);
       userStore.user = data.user;
       loading.value = false
-
+      window.location.href = "https://mailbox.biutag.com/"
-            wxStore.initSign()
+      // wxStore.initSign()
     });
   } else if (route.query.openid) {
     // 自定义登录
@@ -66,8 +67,8 @@ if (!getToken()) {
       setToken(data.token);
       userStore.user = data.user;
       loading.value = false
-
+      window.location.href = "https://mailbox.biutag.com/"
-            wxStore.initSign()
+      // wxStore.initSign()
     });
   } else {
     const appid = "wx795f76e4bc3b0062";
@@ -80,7 +81,6 @@ if (!getToken()) {
   }
 } else {
   loading.value = false
-
   wxStore.initSign()
 }
 </script>
@@ -88,11 +88,13 @@ if (!getToken()) {
 .wrapper {
   background-color: #fff;
 }
+
 header {
   img {
     width: 100%;
   }
 }
+
 a {
   width: 45.2%;
   height: 84px;
@@ -101,6 +103,7 @@ a {
   color: var(--primary-color);
   font-weight: bold;
   font-size: 18px;
+
   &:hover {
     cursor: pointer;
   }

src/views/mail/components/Write.vue

@@ -63,7 +63,8 @@
                   sendBtnDisabled
                       ? `${time}秒后重发`
                       : "发送验证码"
-                                }}</van-button
+                }}
+              </van-button
               >
             </div>
           </template>
@@ -130,7 +131,7 @@
         >
           语音录入
           <template #icon>
-                        <Icon name="voice" :size="16" />
+            <Icon name="voice" :size="16"/>
           </template>
         </van-button>
       </van-cell-group>
@@ -161,7 +162,7 @@
                   class="upload-btn flex v-center center column"
                   @click="chooseImage"
               >
-                                <van-icon name="plus" size="26" />
+                <van-icon name="plus" size="26"/>
                 <div>上传附件</div>
               </a>
             </div>
@@ -175,7 +176,8 @@
     >
       <van-button block @click="handleSaveDraft">存稿</van-button>
       <van-button block type="primary" @click="handleSave"
-                >提交</van-button
+      >提交
+      </van-button
       >
     </div>
   </van-form>
@@ -184,7 +186,7 @@
     <div class="recording-container">
       <div class="text">
         <textarea v-model="speechText" ref="speechTextRef" @input="onInput"></textarea>
-                <img src="/imgs/recording.gif" alt="" />
+        <img src="/imgs/recording.gif" alt=""/>
         <span class="countdown" v-if="showCountdown">{{
             recordTime > 0
                 ? `将在 ${recordTime} 秒后停止录音`
@@ -197,11 +199,11 @@
             ref="cancleBtnRef"
             class="cancel flex center v-center column"
         >
-                    <Icon name="cancel" size="30" />
+          <Icon name="cancel" size="30"/>
           <div class="mt-8">取消</div>
         </button>
         <button @touchstart="handleSuccenssTalk" ref="successBtnRef">
-                    <van-icon name="success" size="40" />
+          <van-icon name="success" size="40"/>
         </button>
       </div>
     </div>
@@ -213,24 +215,24 @@
       :icon="loading.icon"
   />
 
-    <ImgPreview v-model:filepath="imgFilepath" v-model:show="showImgPreview" />
+  <ImgPreview v-model:filepath="imgFilepath" v-model:show="showImgPreview"/>
 </template>
 <script setup>
-import { showToast, showSuccessToast, showFailToast } from "vant";
+import {showToast, showSuccessToast, showFailToast} from "vant";
 import ImgPreview from "@/components/ImgPreview.vue";
 
-import { validatorIdCard, validatorPhone } from "@/util/validator";
+import {validatorIdCard, validatorPhone} from "@/util/validator";
-import { send } from "@/api/sms";
+import {send} from "@/api/sms";
-import { addMail } from "@/api/mail";
+import {addMail} from "@/api/mail";
-import { saveDraft, getDraft } from "@/api/mailDraft";
+import {saveDraft, getDraft} from "@/api/mailDraft";
 import UserStore from "@/store/user";
 import PageStore from "@/store/page";
 import WxStore from "@/store/wx";
-import { depts } from "@/store/dept";
+import {depts} from "@/store/dept";
 
-import { upload } from "@/util/request";
+import {upload} from "@/util/request";
-import { startRecorder } from "@/util/audio";
+import {startRecorder} from "@/util/audio";
-import { getSex } from "@/util/utils";
+import {getSex} from "@/util/utils";
 
 
 const userStore = UserStore();
@@ -262,6 +264,7 @@ if (!wxStore.signInitFlag) {
 
 const mail = ref({});
 initMail();
+
 function initMail() {
   mail.value = {
     contactName: userStore.user.realName,
@@ -379,17 +382,22 @@ let timer;
 let recorder;
 const recordTime = ref(59);
 const showCountdown = ref(false);
+
 function handleVoiceShow() {
   navigator.mediaDevices
-        .getUserMedia({ audio: true })
+      .getUserMedia({audio: true})
       .then(function () {
         showCountdown.value = false;
         voiceShow.value = true;
         // 触发振动
+        if ('vibrate' in navigator) {
           navigator.vibrate([100]);
+        }
+
         speechText.value = "";
         // 开始录音
-            recorder = startRecorder(() => {}, speechText);
+        recorder = startRecorder(() => {
+        }, speechText);
         recordTime.value = 59;
         timer = setInterval(() => {
           recordTime.value -= 1;
@@ -403,12 +411,14 @@ function handleVoiceShow() {
         }, 1000);
       })
       .catch(function (err) {
+        console.log(err)
         showToast("未启用麦克风权限，请刷新重试");
       });
 }
 
 const cancleBtnRef = ref();
 const successBtnRef = ref();
+
 function handleCanleTalk() {
   cancleBtnRef.value.style.backgroundColor = "#d15454";
   recorder?.stop();
@@ -429,6 +439,7 @@ function handleSuccenssTalk() {
 
 const sendBtnDisabled = ref(false);
 let time = ref(30);
+
 function smsSendCode() {
   formRef.value.validate("contactPhone").then(() => {
     sendBtnDisabled.value = true;
@@ -449,6 +460,7 @@ function smsSendCode() {
 
 const showImgPreview = ref(false);
 const imgFilepath = ref("");
+
 function handleShowImgPreview(filepath) {
   imgFilepath.value = filepath;
   showImgPreview.value = true;
@@ -473,7 +485,7 @@ function onInput() {
 
 const showPicker = ref(false)
 
-function onSelectDept({ selectedOptions }) {
+function onSelectDept({selectedOptions}) {
   showPicker.value = false;
   mail.value.involvedDeptId = selectedOptions[0].value;
   mail.value.involvedDeptName = selectedOptions[0].text;
@@ -495,6 +507,7 @@ function validatorContent() {
   top: 3px;
   right: var(--van-cell-horizontal-padding);
 }
+
 .upload-btn {
   width: 108px;
   height: 108px;
@@ -502,18 +515,22 @@ function validatorContent() {
   border: 1px solid var(--primary-color);
   color: var(--primary-color);
 }
+
 .attachments {
   margin-top: 10px;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 10px;
+
   img {
     width: 100%;
     height: 108px;
   }
+
   .file {
     background-color: #f3faff;
     height: 108px;
+
     .name {
       width: 100%;
       max-width: 108px;
@@ -524,8 +541,10 @@ function validatorContent() {
     }
   }
 }
+
 .van-popup {
   user-select: none;
+
   header {
     font-size: 16px;
     font-family: PingFangSC-Medium;
@@ -533,16 +552,19 @@ function validatorContent() {
     margin: 20px;
   }
 }
+
 .send-btn {
   position: absolute;
   top: -4px;
   right: 0;
 }
+
 .record-btn {
   &[active="true"] {
     animation: scaleIn 1.2s ease-out infinite;
   }
 }
+
 @keyframes scaleIn {
   0% {
     transform: scale(1, 1);
@@ -563,12 +585,14 @@ function validatorContent() {
   bottom: 0;
   z-index: 2;
   background-color: var(--van-overlay-background);
+
   .recording-container {
     position: fixed;
     left: 0;
     right: 0;
     bottom: 0;
   }
+
   .text {
     min-height: 60px;
     background-color: var(--primary-color);
@@ -578,6 +602,7 @@ function validatorContent() {
     padding: var(--van-padding-md);
     margin-bottom: 60px;
     position: relative;
+
     textarea {
       border: none;
       background-color: inherit;
@@ -587,12 +612,14 @@ function validatorContent() {
       max-height: calc(90vh - 280px);
       font-size: 16px;
     }
+
     img {
       position: absolute;
       bottom: -13px;
       right: 6px;
       width: 50px;
     }
+
     .countdown {
       position: absolute;
       bottom: 4px;
@@ -600,9 +627,11 @@ function validatorContent() {
       color: #bbb;
     }
   }
+
   .tools {
     padding: 30px;
     margin-bottom: 10vh;
+
     button {
       background-color: #3a3a3a;
       height: 100px;
@@ -610,25 +639,30 @@ function validatorContent() {
       border-radius: 50%;
       border: none;
       color: #ccc;
+
       &:hover {
         background-color: #ddd;
         color: #777;
       }
+
       &.cancel {
         background-color: transparent;
         color: #fff;
+
         &:hover {
           background-color: #d15454;
         }
       }
     }
   }
+
   .recording {
     height: 16vh;
     margin-top: 60px;
     background: linear-gradient(#a4a4a4, #fff);
     color: #ccc;
     position: relative;
+
     &::before {
       display: block;
       content: "";
@@ -645,6 +679,7 @@ function validatorContent() {
     }
   }
 }
+
 .file-item {
   a {
     position: absolute;

vite.config.js

@@ -38,5 +38,18 @@ export default defineConfig({
         rewrite: (p) => p.replace(/^\/api/, '')
       }
     }
+  },
+  build: {
+    rollupOptions: {
+      output: {
+        entryFileNames: `assets/[name].${new Date().getTime()}.js`,
+        chunkFileNames: `assets/[name].${new Date().getTime()}.js`,
+        assetFileNames: `assets/[name].${new Date().getTime()}.[ext]`,
+        compact: true,
+        manualChunks: {
+          vue: ['vue']
+        },
+      }
+    }
   }
 })