From 5bc9ce0118d2ee64acf0264781d10c7fd528c4e2 Mon Sep 17 00:00:00 2001
From: kami <605128600@qq.com>
Date: Thu, 29 Feb 2024 13:49:30 +0800
Subject: [PATCH] =?UTF-8?q?ios=20=E8=AF=AD=E9=9F=B3=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.js                         |    7 +-
 src/store/wx.js                     |    2 +-
 src/views/Home.vue                  |  169 ++--
 src/views/mail/components/Write.vue | 1101 ++++++++++++++-------------
 vite.config.js                      |   13 +
 5 files changed, 674 insertions(+), 618 deletions(-)

diff --git a/src/main.js b/src/main.js
index 92dd211..5db88b9 100644
--- a/src/main.js
+++ b/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())
@@ -35,4 +40,4 @@ const app = createApp(App)
     .use(Picker)
     .component('Icon', IconComponent)
     .component('Loading', LoadingComponent);
-app.mount('#app')
\ No newline at end of file
+app.mount('#app')
diff --git a/src/store/wx.js b/src/store/wx.js
index 163eb62..af74260 100644
--- a/src/store/wx.js
+++ b/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, // 开启调试模式
diff --git a/src/views/Home.vue b/src/views/Home.vue
index db4c0a4..260db00 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,46 +1,47 @@
 <template>
-    <div class="wrapper">
-        <header>
-            <img src="/imgs/bg1.png" alt="" />
-        </header>
-        <main>
-            <div class="flex gap-10 center mt-20">
-                <a
-                    class="flex v-center center gap-16"
-                    @click="router.push('/realName/auth')"
-                >
-                    <div style="width: 48px">
-                        <img src="/imgs/write.png" alt="" />
-                    </div>
-                    <span>我要写信</span>
-                </a>
-                <a
-                    class="flex v-center center gap-16"
-                    @click="router.push('/mail?active=my')"
-                >
-                    <div style="width: 48px">
-                        <img src="/imgs/search.png" alt="" />
-                    </div>
-                    <span>回复查询</span>
-                </a>
-            </div>
-            <p class="text-center mt-20">
-                局长信箱只接受实名举报投诉，不受理报警业务
-            </p>
-            <p class="text-center">如遇紧急情况请拨打110</p>
-            
-        </main>
-    </div>
-    
-    <Loading :loading="loading" />
-    
+  <div class="wrapper">
+    <header>
+      <img src="/imgs/bg1.png" alt=""/>
+    </header>
+    <main>
+      <div class="flex gap-10 center mt-20">
+        <a
+            class="flex v-center center gap-16"
+            @click="router.push('/realName/auth')"
+        >
+          <div style="width: 48px">
+            <img src="/imgs/write.png" alt=""/>
+          </div>
+          <span>我要写信</span>
+        </a>
+        <a
+            class="flex v-center center gap-16"
+            @click="router.push('/mail?active=my')"
+        >
+          <div style="width: 48px">
+            <img src="/imgs/search.png" alt=""/>
+          </div>
+          <span>回复查询</span>
+        </a>
+      </div>
+      <p class="text-center mt-20">
+        局长信箱只接受实名举报投诉，不受理报警业务
+      </p>
+      <p class="text-center">如遇紧急情况请拨打110</p>
+
+    </main>
+  </div>
+
+  <Loading :loading="loading"/>
+
 </template>
 <script setup>
-import { useRoute, useRouter } from "vue-router";
-import { auth, authOpenid } from "@/api/auth";
+import {useRoute, useRouter} from "vue-router";
+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();
@@ -51,58 +52,60 @@ const code = route.query.code;
 const loading = ref(true)
 
 if (!getToken()) {
-    if (code) {
-        // 授权登录
-        auth(code).then((data) => {
-            setToken(data.token);
-            userStore.user = data.user;
-            loading.value = false
-
-            wxStore.initSign()
-        });
-    } else if (route.query.openid) {
-        // 自定义登录
-        authOpenid(route.query.openid).then((data) => {
-            setToken(data.token);
-            userStore.user = data.user;
-            loading.value = false
-
-            wxStore.initSign()
-        });
-    } else {
-        const appid = "wx795f76e4bc3b0062";
-        // const location = window.location.href
-        window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(
-            "https://mailbox.biutag.com/"
-        )}&response_type=code&scope=snsapi_base&state=#wechat_redirect`;
-        // window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent('https://mailbox.biutag.com/#/code?abc')}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`
-        // https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx795f76e4bc3b0062&redirect_uri=https%3A%2F%2Fmailbox.biutag.com%2F&response_type=code&scope=snsapi_base&state=123#wechat_redirect'
-    }
+  if (code) {
+    // 授权登录
+    auth(code).then((data) => {
+      setToken(data.token);
+      userStore.user = data.user;
+      loading.value = false
+      window.location.href = "https://mailbox.biutag.com/"
+      // wxStore.initSign()
+    });
+  } else if (route.query.openid) {
+    // 自定义登录
+    authOpenid(route.query.openid).then((data) => {
+      setToken(data.token);
+      userStore.user = data.user;
+      loading.value = false
+      window.location.href = "https://mailbox.biutag.com/"
+      // wxStore.initSign()
+    });
+  } else {
+    const appid = "wx795f76e4bc3b0062";
+    // const location = window.location.href
+    window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(
+        "https://mailbox.biutag.com/"
+    )}&response_type=code&scope=snsapi_base&state=#wechat_redirect`;
+    // window.location.href = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent('https://mailbox.biutag.com/#/code?abc')}&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect`
+    // https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx795f76e4bc3b0062&redirect_uri=https%3A%2F%2Fmailbox.biutag.com%2F&response_type=code&scope=snsapi_base&state=123#wechat_redirect'
+  }
 } else {
-    loading.value = false
-
-    wxStore.initSign()
+  loading.value = false
+  wxStore.initSign()
 }
 </script>
 <style lang="scss" scoped>
 .wrapper {
-    background-color: #fff;
+  background-color: #fff;
 }
+
 header {
-    img {
-        width: 100%;
-    }
+  img {
+    width: 100%;
+  }
 }
+
 a {
-    width: 45.2%;
-    height: 84px;
-    text-decoration: none;
-    border: 1px solid var(--primary-color);
-    color: var(--primary-color);
-    font-weight: bold;
-    font-size: 18px;
-    &:hover {
-        cursor: pointer;
-    }
+  width: 45.2%;
+  height: 84px;
+  text-decoration: none;
+  border: 1px solid var(--primary-color);
+  color: var(--primary-color);
+  font-weight: bold;
+  font-size: 18px;
+
+  &:hover {
+    cursor: pointer;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/mail/components/Write.vue b/src/views/mail/components/Write.vue
index 41e7f09..6079b87 100644
--- a/src/views/mail/components/Write.vue
+++ b/src/views/mail/components/Write.vue
@@ -1,236 +1,238 @@
 <template>
-    <van-form ref="formRef">
-        <div class="card">
-            <h2>联系人信息</h2>
-            <van-cell-group>
-                <van-field
-                    v-model="mail.contactName"
-                    label="联系人姓名"
-                    placeholder="请输入姓名"
-                    :rules="[{ required: true, message: '请输入姓名' }]"
-                    :required="true"
-                    :readonly="true"
-                />
-            </van-cell-group>
-            <van-cell-group>
-                <van-field
-                    label="称呼"
-                    :rules="[{ required: true, message: '请选择称呼' }]"
-                    :required="true"
-                >
-                    <template #input>
-                        <van-radio-group
-                            v-model="mail.contactSex"
-                            direction="horizontal"
-                        >
-                            <van-radio name="M">先生</van-radio>
-                            <van-radio name="F">女士</van-radio>
-                        </van-radio-group>
-                    </template>
-                </van-field>
-            </van-cell-group>
-            <van-cell-group>
-                <van-field
-                    v-model="mail.contactIdCard"
-                    label="证件号码"
-                    placeholder="请输入证件号码"
-                    :rules="[{ validator: validatorIdCard }]"
-                    :required="true"
-                    :readonly="true"
-                />
-            </van-cell-group>
-            <van-cell-group>
-                <van-field
-                    v-model="mail.contactPhone"
-                    name="contactPhone"
-                    label="联系电话"
-                    placeholder="请输入联系电话"
-                    :rules="[{ validator: validatorPhone }]"
-                    :required="true"
-                >
-                    <template #button>
-                        <div
-                            class="releative"
-                            style="width: 78px; height: 24px"
-                        >
-                            <van-button
-                                size="small"
-                                type="primary"
-                                @click="smsSendCode"
-                                :disabled="sendBtnDisabled"
-                                class="send-btn"
-                                >{{
-                                    sendBtnDisabled
-                                        ? `${time}秒后重发`
-                                        : "发送验证码"
-                                }}</van-button
-                            >
-                        </div>
-                    </template>
-                </van-field>
-            </van-cell-group>
-            <van-cell-group>
-                <van-field
-                    v-model="mail.code"
-                    label="验证码"
-                    placeholder="请输入验证码"
-                    :rules="[{ required: true, message: '请输入验证码' }]"
-                    :required="true"
-                />
-            </van-cell-group>
-        </div>
-        <div class="card">
-            <h2>信件内容</h2>
-            <van-cell-group>
-                <van-field
-                    v-model="mail.caseNumber"
-                    label="案件编号"
-                    placeholder="如有具体案件编号请输入案件编号"
-                />
-            </van-cell-group>
-            <van-cell-group>
-                <van-field
-                    v-model="mail.involvedDeptName"
-                    is-link
-                    readonly
-                    label="被投诉/涉及单位"
-                    placeholder="请选择单位"
-                    @click="showPicker = true"
-                />
-                <van-popup v-model:show="showPicker" round position="bottom">
-                    <van-picker
-                        :columns="depts"
-                        @cancel="showPicker = false"
-                        @confirm="onSelectDept"
-                    />
-                </van-popup>
-            </van-cell-group>
-            <van-cell-group>
-                <van-field
-                    label="信件内容"
-                    label-align="top"
-                    :border="true"
-                    v-model="mail.content"
-                    placeholder="请您尽量完整的描述您的信件内容，如发生事件、涉及单位、涉及对象姓名、警号以及具体事项"
-                    type="textarea"
-                    rows="5"
-                    :rules="[{ validator: validatorContent }]"
-                    :required="true"
-                    maxlength="300"
-                    show-word-limit
-                    autosize
-                />
-                <van-button
-                    size="small"
-                    type="primary"
-                    icon="plus"
-                    plain
-                    class="voice-btn"
-                    @click="handleVoiceShow"
+  <van-form ref="formRef">
+    <div class="card">
+      <h2>联系人信息</h2>
+      <van-cell-group>
+        <van-field
+            v-model="mail.contactName"
+            label="联系人姓名"
+            placeholder="请输入姓名"
+            :rules="[{ required: true, message: '请输入姓名' }]"
+            :required="true"
+            :readonly="true"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+            label="称呼"
+            :rules="[{ required: true, message: '请选择称呼' }]"
+            :required="true"
+        >
+          <template #input>
+            <van-radio-group
+                v-model="mail.contactSex"
+                direction="horizontal"
+            >
+              <van-radio name="M">先生</van-radio>
+              <van-radio name="F">女士</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+            v-model="mail.contactIdCard"
+            label="证件号码"
+            placeholder="请输入证件号码"
+            :rules="[{ validator: validatorIdCard }]"
+            :required="true"
+            :readonly="true"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+            v-model="mail.contactPhone"
+            name="contactPhone"
+            label="联系电话"
+            placeholder="请输入联系电话"
+            :rules="[{ validator: validatorPhone }]"
+            :required="true"
+        >
+          <template #button>
+            <div
+                class="releative"
+                style="width: 78px; height: 24px"
+            >
+              <van-button
+                  size="small"
+                  type="primary"
+                  @click="smsSendCode"
+                  :disabled="sendBtnDisabled"
+                  class="send-btn"
+              >{{
+                  sendBtnDisabled
+                      ? `${time}秒后重发`
+                      : "发送验证码"
+                }}
+              </van-button
+              >
+            </div>
+          </template>
+        </van-field>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+            v-model="mail.code"
+            label="验证码"
+            placeholder="请输入验证码"
+            :rules="[{ required: true, message: '请输入验证码' }]"
+            :required="true"
+        />
+      </van-cell-group>
+    </div>
+    <div class="card">
+      <h2>信件内容</h2>
+      <van-cell-group>
+        <van-field
+            v-model="mail.caseNumber"
+            label="案件编号"
+            placeholder="如有具体案件编号请输入案件编号"
+        />
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+            v-model="mail.involvedDeptName"
+            is-link
+            readonly
+            label="被投诉/涉及单位"
+            placeholder="请选择单位"
+            @click="showPicker = true"
+        />
+        <van-popup v-model:show="showPicker" round position="bottom">
+          <van-picker
+              :columns="depts"
+              @cancel="showPicker = false"
+              @confirm="onSelectDept"
+          />
+        </van-popup>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field
+            label="信件内容"
+            label-align="top"
+            :border="true"
+            v-model="mail.content"
+            placeholder="请您尽量完整的描述您的信件内容，如发生事件、涉及单位、涉及对象姓名、警号以及具体事项"
+            type="textarea"
+            rows="5"
+            :rules="[{ validator: validatorContent }]"
+            :required="true"
+            maxlength="300"
+            show-word-limit
+            autosize
+        />
+        <van-button
+            size="small"
+            type="primary"
+            icon="plus"
+            plain
+            class="voice-btn"
+            @click="handleVoiceShow"
+        >
+          语音录入
+          <template #icon>
+            <Icon name="voice" :size="16"/>
+          </template>
+        </van-button>
+      </van-cell-group>
+      <van-cell-group>
+        <van-field label="附件" label-align="top">
+          <template #input>
+            <div class="attachments">
+              <template
+                  v-for="(file, index) in mail.attachments"
+                  :key="index"
+              >
+                <div
+                    class="file flex v-center center wrap relative file-item"
                 >
-                    语音录入
-                    <template #icon>
-                        <Icon name="voice" :size="16" />
-                    </template>
-                </van-button>
-            </van-cell-group>
-            <van-cell-group>
-                <van-field label="附件" label-align="top">
-                    <template #input>
-                        <div class="attachments">
-                            <template
-                                v-for="(file, index) in mail.attachments"
-                                :key="index"
-                            >
-                                <div
-                                    class="file flex v-center center wrap relative file-item"
-                                >
-                                    <img
-                                        :key="index"
-                                        :src="`/api/file/stream/${file.filepath}`"
-                                        @click="
+                  <img
+                      :key="index"
+                      :src="`/api/file/stream/${file.filepath}`"
+                      @click="
                                             handleShowImgPreview(
                                                 `/api/file/stream/${file.filepath}`
                                             )
                                         "
-                                    />
-                                    <a @click="removeFile(index)">删除</a>
-                                </div>
-                            </template>
-                            <a
-                                class="upload-btn flex v-center center column"
-                                @click="chooseImage"
-                            >
-                                <van-icon name="plus" size="26" />
-                                <div>上传附件</div>
-                            </a>
-                        </div>
-                    </template>
-                </van-field>
-            </van-cell-group>
-        </div>
-        <div
-            class="card flex gap-16"
-            style="padding: 10px var(--van-padding-md) 20px; margin-bottom: 0"
-        >
-            <van-button block @click="handleSaveDraft">存稿</van-button>
-            <van-button block type="primary" @click="handleSave"
-                >提交</van-button
-            >
-        </div>
-    </van-form>
-
-    <div class="recording-wrapper" v-if="voiceShow">
-        <div class="recording-container">
-            <div class="text">
-                <textarea v-model="speechText" ref="speechTextRef" @input="onInput"></textarea>
-                <img src="/imgs/recording.gif" alt="" />
-                <span class="countdown" v-if="showCountdown">{{
-                    recordTime > 0
-                        ? `将在 ${recordTime} 秒后停止录音`
-                        : "录音已停止"
-                }}</span>
+                  />
+                  <a @click="removeFile(index)">删除</a>
+                </div>
+              </template>
+              <a
+                  class="upload-btn flex v-center center column"
+                  @click="chooseImage"
+              >
+                <van-icon name="plus" size="26"/>
+                <div>上传附件</div>
+              </a>
             </div>
-            <div class="tools flex between">
-                <button
-                    @touchstart="handleCanleTalk"
-                    ref="cancleBtnRef"
-                    class="cancel flex center v-center column"
-                >
-                    <Icon name="cancel" size="30" />
-                    <div class="mt-8">取消</div>
-                </button>
-                <button @touchstart="handleSuccenssTalk" ref="successBtnRef">
-                    <van-icon name="success" size="40" />
-                </button>
-            </div>
-        </div>
+          </template>
+        </van-field>
+      </van-cell-group>
+    </div>
+    <div
+        class="card flex gap-16"
+        style="padding: 10px var(--van-padding-md) 20px; margin-bottom: 0"
+    >
+      <van-button block @click="handleSaveDraft">存稿</van-button>
+      <van-button block type="primary" @click="handleSave"
+      >提交
+      </van-button
+      >
     </div>
+  </van-form>
 
-    <Loading
-        :loading="loading.show"
-        :message="loading.message"
-        :icon="loading.icon"
-    />
+  <div class="recording-wrapper" v-if="voiceShow">
+    <div class="recording-container">
+      <div class="text">
+        <textarea v-model="speechText" ref="speechTextRef" @input="onInput"></textarea>
+        <img src="/imgs/recording.gif" alt=""/>
+        <span class="countdown" v-if="showCountdown">{{
+            recordTime > 0
+                ? `将在 ${recordTime} 秒后停止录音`
+                : "录音已停止"
+          }}</span>
+      </div>
+      <div class="tools flex between">
+        <button
+            @touchstart="handleCanleTalk"
+            ref="cancleBtnRef"
+            class="cancel flex center v-center column"
+        >
+          <Icon name="cancel" size="30"/>
+          <div class="mt-8">取消</div>
+        </button>
+        <button @touchstart="handleSuccenssTalk" ref="successBtnRef">
+          <van-icon name="success" size="40"/>
+        </button>
+      </div>
+    </div>
+  </div>
 
-    <ImgPreview v-model:filepath="imgFilepath" v-model:show="showImgPreview" />
+  <Loading
+      :loading="loading.show"
+      :message="loading.message"
+      :icon="loading.icon"
+  />
+
+  <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 { send } from "@/api/sms";
-import { addMail } from "@/api/mail";
-import { saveDraft, getDraft } from "@/api/mailDraft";
+import {validatorIdCard, validatorPhone} from "@/util/validator";
+import {send} from "@/api/sms";
+import {addMail} from "@/api/mail";
+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 { startRecorder } from "@/util/audio";
-import { getSex } from "@/util/utils";
+import {upload} from "@/util/request";
+import {startRecorder} from "@/util/audio";
+import {getSex} from "@/util/utils";
 
 
 const userStore = UserStore();
@@ -238,139 +240,140 @@ const pageStore = PageStore();
 const wxStore = WxStore();
 
 const loading = ref({
-    show: false,
-    message: "正在加载...",
-    icon: "loading",
+  show: false,
+  message: "正在加载...",
+  icon: "loading",
 });
 const loadingMsg = ref("加载中...");
 
 console.log('wxStore.signInitFlag', wxStore.signInitFlag)
 if (!wxStore.signInitFlag) {
-    // 未初始化
-    loading.value.show = true;
-    // 初始化签名
-    wxStore
-        .initSign()
-        .then(() => {
-            loading.value.show = false;
-        })
-        .catch((res) => {
-            console.log("wx签名初始化失败");
-            loading.value.show = false;
-        });
+  // 未初始化
+  loading.value.show = true;
+  // 初始化签名
+  wxStore
+      .initSign()
+      .then(() => {
+        loading.value.show = false;
+      })
+      .catch((res) => {
+        console.log("wx签名初始化失败");
+        loading.value.show = false;
+      });
 }
 
 const mail = ref({});
 initMail();
+
 function initMail() {
-    mail.value = {
-        contactName: userStore.user.realName,
-        contactIdCard: userStore.user.idCard,
-        contactPhone: userStore.user.phone,
-        contactSex: getSex(userStore.user.idCard),
-        content: "",
-        attachments: [],
-    };
+  mail.value = {
+    contactName: userStore.user.realName,
+    contactIdCard: userStore.user.idCard,
+    contactPhone: userStore.user.phone,
+    contactSex: getSex(userStore.user.idCard),
+    content: "",
+    attachments: [],
+  };
 }
 
 watch(
     () => pageStore.mailTabActive,
     () => {
-        if (pageStore.mailDraftId) {
-            loading.value = {
-                show: true,
-                message: "正在加载...",
-                icon: "loading",
-            };
-            getDraft(pageStore.mailDraftId).then((data) => {
-                mail.value = data;
-                mail.value.attachments = JSON.parse(data.attachments);
-                loading.value.show = false;
-            });
-            pageStore.mailDraftId = "";
-        }
+      if (pageStore.mailDraftId) {
+        loading.value = {
+          show: true,
+          message: "正在加载...",
+          icon: "loading",
+        };
+        getDraft(pageStore.mailDraftId).then((data) => {
+          mail.value = data;
+          mail.value.attachments = JSON.parse(data.attachments);
+          loading.value.show = false;
+        });
+        pageStore.mailDraftId = "";
+      }
     }
 );
 
 function chooseImage() {
-    const size = mail.value.attachments.length;
-    if (size >= 5) {
-        showFailToast("文件数量不能超过 5 个");
-        return false;
-    }
-    wx.chooseImage({
-        count: 5 - size,
-        sizeType: ["original"], // 可以指定是原图还是压缩图，默认二者都有
-        sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
-        success: function (res) {
-            var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
-            loading.value = {
-                show: true,
-                message: "图片上传中...",
-                icon: "img",
-            };
-            localIds.forEach((localId) => {
-                wx.getLocalImgData({
-                    localId, // 图片的localID
-                    success: function (res) {
-                        var base64 = res.localData; // localData是图片的base64数据，可以用img标签显示
-                        upload({
-                            base64,
-                        }).then((data) => {
-                            loading.value.show = false;
-                            mail.value.attachments.push({
-                                filepath: data.filepath,
-                            });
-                        });
-                    },
-                });
+  const size = mail.value.attachments.length;
+  if (size >= 5) {
+    showFailToast("文件数量不能超过 5 个");
+    return false;
+  }
+  wx.chooseImage({
+    count: 5 - size,
+    sizeType: ["original"], // 可以指定是原图还是压缩图，默认二者都有
+    sourceType: ["album", "camera"], // 可以指定来源是相册还是相机，默认二者都有
+    success: function (res) {
+      var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
+      loading.value = {
+        show: true,
+        message: "图片上传中...",
+        icon: "img",
+      };
+      localIds.forEach((localId) => {
+        wx.getLocalImgData({
+          localId, // 图片的localID
+          success: function (res) {
+            var base64 = res.localData; // localData是图片的base64数据，可以用img标签显示
+            upload({
+              base64,
+            }).then((data) => {
+              loading.value.show = false;
+              mail.value.attachments.push({
+                filepath: data.filepath,
+              });
             });
-        },
-    });
+          },
+        });
+      });
+    },
+  });
 }
 
 const formRef = ref();
 const handleSave = () => {
-    formRef.value.validate().then(() => {
-        loading.value = {
-            show: true,
-            message: "提交中...",
-            icon: "loading",
-        };
-        addMail(mail.value)
-            .then(() => {
-                loading.value.show = false;
-                showSuccessToast("提交成功");
-                // 跳转到我的信件
-                pageStore.mailTabActive = "my";
-                // 刷新我的信件
-                pageStore.myMailRefresh = true
-                // 更新用户联系电话
-                userStore.user.phone = mail.value.phone;
-                initMail();
-            })
-            .catch(() => {
-                loading.value.show = false;
-            });
-    });
+  formRef.value.validate().then(() => {
+    loading.value = {
+      show: true,
+      message: "提交中...",
+      icon: "loading",
+    };
+    addMail(mail.value)
+        .then(() => {
+          loading.value.show = false;
+          showSuccessToast("提交成功");
+          // 跳转到我的信件
+          pageStore.mailTabActive = "my";
+          // 刷新我的信件
+          pageStore.myMailRefresh = true
+          // 更新用户联系电话
+          userStore.user.phone = mail.value.phone;
+          initMail();
+        })
+        .catch(() => {
+          loading.value.show = false;
+        });
+  });
 };
 
 const handleSaveDraft = () => {
-    formRef.value.validate().then(() => {
-        loadingMsg.value = "存草稿...";
-        loading.value = {
-            show: true,
-            messsage: "正在保存草稿...",
-            icon: 'loading'
-        };
-        saveDraft(mail.value).then((data) => {
-            mail.value.id = data.id;
-            loading.value.show = false;
-            showSuccessToast("保存成功");
-            // 刷新我的草稿
-            pageStore.myMailDraftRefresh = true
-        });
+  formRef.value.validate().then(() => {
+    loadingMsg.value = "存草稿...";
+    loading.value = {
+      show: true,
+      messsage: "正在保存草稿...",
+      icon: 'loading'
+    };
+    saveDraft(mail.value).then((data) => {
+      mail.value.id = data.id;
+      loading.value.show = false;
+      showSuccessToast("保存成功");
+      // 刷新我的草稿
+      pageStore.myMailDraftRefresh = true
     });
+  });
 };
 
 const voiceShow = ref(false);
@@ -379,285 +382,317 @@ let timer;
 let recorder;
 const recordTime = ref(59);
 const showCountdown = ref(false);
+
 function handleVoiceShow() {
-    navigator.mediaDevices
-        .getUserMedia({ audio: true })
-        .then(function () {
-            showCountdown.value = false;
-            voiceShow.value = true;
-            // 触发振动
-            navigator.vibrate([100]);
-            speechText.value = "";
-            // 开始录音
-            recorder = startRecorder(() => {}, speechText);
-            recordTime.value = 59;
-            timer = setInterval(() => {
-                recordTime.value -= 1;
-                if (recordTime.value <= 10) {
-                    showCountdown.value = true;
-                }
-                if (recordTime.value <= 0) {
-                    recorder?.stop();
-                    clearInterval(timer);
-                }
-            }, 1000);
-        })
-        .catch(function (err) {
-            showToast("未启用麦克风权限，请刷新重试");
-        });
+  navigator.mediaDevices
+      .getUserMedia({audio: true})
+      .then(function () {
+        showCountdown.value = false;
+        voiceShow.value = true;
+        // 触发振动
+        if ('vibrate' in navigator) {
+          navigator.vibrate([100]);
+        }
+
+        speechText.value = "";
+        // 开始录音
+        recorder = startRecorder(() => {
+        }, speechText);
+        recordTime.value = 59;
+        timer = setInterval(() => {
+          recordTime.value -= 1;
+          if (recordTime.value <= 10) {
+            showCountdown.value = true;
+          }
+          if (recordTime.value <= 0) {
+            recorder?.stop();
+            clearInterval(timer);
+          }
+        }, 1000);
+      })
+      .catch(function (err) {
+        console.log(err)
+        showToast("未启用麦克风权限，请刷新重试");
+      });
 }
 
 const cancleBtnRef = ref();
 const successBtnRef = ref();
+
 function handleCanleTalk() {
-    cancleBtnRef.value.style.backgroundColor = "#d15454";
-    recorder?.stop();
-    setTimeout(() => {
-        voiceShow.value = false;
-    }, 300);
+  cancleBtnRef.value.style.backgroundColor = "#d15454";
+  recorder?.stop();
+  setTimeout(() => {
+    voiceShow.value = false;
+  }, 300);
 }
 
 function handleSuccenssTalk() {
-    successBtnRef.value.style.backgroundColor = "#ddd";
-    successBtnRef.value.style.color = "#777";
-    recorder?.stop();
-    mail.value.content += speechText.value;
-    setTimeout(() => {
-        voiceShow.value = false;
-    }, 300);
+  successBtnRef.value.style.backgroundColor = "#ddd";
+  successBtnRef.value.style.color = "#777";
+  recorder?.stop();
+  mail.value.content += speechText.value;
+  setTimeout(() => {
+    voiceShow.value = false;
+  }, 300);
 }
 
 const sendBtnDisabled = ref(false);
 let time = ref(30);
+
 function smsSendCode() {
-    formRef.value.validate("contactPhone").then(() => {
-        sendBtnDisabled.value = true;
-        // 发送短信
-        send(mail.value.contactPhone).then((data) => {
-            mail.value.smsRequestId = data.requestId;
-        });
-        let timer = setInterval(() => {
-            time.value -= 1;
-            if (time.value <= 0) {
-                sendBtnDisabled.value = false;
-                clearInterval(timer);
-                time.value = 30;
-            }
-        }, 1000);
+  formRef.value.validate("contactPhone").then(() => {
+    sendBtnDisabled.value = true;
+    // 发送短信
+    send(mail.value.contactPhone).then((data) => {
+      mail.value.smsRequestId = data.requestId;
     });
+    let timer = setInterval(() => {
+      time.value -= 1;
+      if (time.value <= 0) {
+        sendBtnDisabled.value = false;
+        clearInterval(timer);
+        time.value = 30;
+      }
+    }, 1000);
+  });
 }
 
 const showImgPreview = ref(false);
 const imgFilepath = ref("");
+
 function handleShowImgPreview(filepath) {
-    imgFilepath.value = filepath;
-    showImgPreview.value = true;
+  imgFilepath.value = filepath;
+  showImgPreview.value = true;
 }
 
 function removeFile(index) {
-    mail.value.attachments.splice(index, 1);
+  mail.value.attachments.splice(index, 1);
 }
 
 const speechTextRef = ref();
 watch(speechText, () => {
-    if (speechTextRef.value) {
-        speechTextRef.value.style.height = "100px";
-        speechTextRef.value.style.height =
-            speechTextRef.value.scrollHeight + "px";
-    }
+  if (speechTextRef.value) {
+    speechTextRef.value.style.height = "100px";
+    speechTextRef.value.style.height =
+        speechTextRef.value.scrollHeight + "px";
+  }
 });
 
 function onInput() {
-    speechTextRef.value.style.height = "100px";
+  speechTextRef.value.style.height = "100px";
 }
 
 const showPicker = ref(false)
 
-function onSelectDept({ selectedOptions }) {
-    showPicker.value = false;
-    mail.value.involvedDeptId = selectedOptions[0].value;
-    mail.value.involvedDeptName = selectedOptions[0].text;
+function onSelectDept({selectedOptions}) {
+  showPicker.value = false;
+  mail.value.involvedDeptId = selectedOptions[0].value;
+  mail.value.involvedDeptName = selectedOptions[0].text;
 }
 
 function validatorContent() {
-    if (!mail.value.content) {
-        return "请输入信件内容";
-    }
-    if (mail.value.content.length < 10) {
-        return "信件内容不能少于 10 个字";
-    }
-    return true;
+  if (!mail.value.content) {
+    return "请输入信件内容";
+  }
+  if (mail.value.content.length < 10) {
+    return "信件内容不能少于 10 个字";
+  }
+  return true;
 }
 </script>
 <style lang="scss" scoped>
 .voice-btn {
-    position: absolute;
-    top: 3px;
-    right: var(--van-cell-horizontal-padding);
+  position: absolute;
+  top: 3px;
+  right: var(--van-cell-horizontal-padding);
 }
+
 .upload-btn {
-    width: 108px;
-    height: 108px;
-    background: #f5f8ff;
-    border: 1px solid var(--primary-color);
-    color: var(--primary-color);
+  width: 108px;
+  height: 108px;
+  background: #f5f8ff;
+  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;
-            text-align: center;
-            max-height: 38px;
-            overflow: hidden;
-            word-break: break-word;
-        }
+  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;
+      text-align: center;
+      max-height: 38px;
+      overflow: hidden;
+      word-break: break-word;
     }
+  }
 }
+
 .van-popup {
-    user-select: none;
-    header {
-        font-size: 16px;
-        font-family: PingFangSC-Medium;
-        font-weight: bold;
-        margin: 20px;
-    }
+  user-select: none;
+
+  header {
+    font-size: 16px;
+    font-family: PingFangSC-Medium;
+    font-weight: bold;
+    margin: 20px;
+  }
 }
+
 .send-btn {
-    position: absolute;
-    top: -4px;
-    right: 0;
+  position: absolute;
+  top: -4px;
+  right: 0;
 }
+
 .record-btn {
-    &[active="true"] {
-        animation: scaleIn 1.2s ease-out infinite;
-    }
+  &[active="true"] {
+    animation: scaleIn 1.2s ease-out infinite;
+  }
 }
+
 @keyframes scaleIn {
-    0% {
-        transform: scale(1, 1);
-    }
-    50% {
-        transform: scale(1.15, 1.15);
-    }
-    100% {
-        transform: scale(1, 1);
-    }
+  0% {
+    transform: scale(1, 1);
+  }
+  50% {
+    transform: scale(1.15, 1.15);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
 }
 
 .recording-wrapper {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 2;
+  background-color: var(--van-overlay-background);
+
+  .recording-container {
     position: fixed;
-    top: 0;
     left: 0;
     right: 0;
     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);
+    color: #fff;
+    margin: var(--van-padding-md);
+    border-radius: 10px;
+    padding: var(--van-padding-md);
+    margin-bottom: 60px;
+    position: relative;
+
+    textarea {
+      border: none;
+      background-color: inherit;
+      height: 100px;
+      width: 100%;
+      padding: 0;
+      max-height: calc(90vh - 280px);
+      font-size: 16px;
     }
-    .text {
-        min-height: 60px;
-        background-color: var(--primary-color);
-        color: #fff;
-        margin: var(--van-padding-md);
-        border-radius: 10px;
-        padding: var(--van-padding-md);
-        margin-bottom: 60px;
-        position: relative;
-        textarea {
-            border: none;
-            background-color: inherit;
-            height: 100px;
-            width: 100%;
-            padding: 0;
-            max-height: calc(90vh - 280px);
-            font-size: 16px;
-        }
-        img {
-            position: absolute;
-            bottom: -13px;
-            right: 6px;
-            width: 50px;
-        }
-        .countdown {
-            position: absolute;
-            bottom: 4px;
-            right: 80px;
-            color: #bbb;
-        }
+
+    img {
+      position: absolute;
+      bottom: -13px;
+      right: 6px;
+      width: 50px;
     }
-    .tools {
-        padding: 30px;
-        margin-bottom: 10vh;
-        button {
-            background-color: #3a3a3a;
-            height: 100px;
-            width: 100px;
-            border-radius: 50%;
-            border: none;
-            color: #ccc;
-            &:hover {
-                background-color: #ddd;
-                color: #777;
-            }
-            &.cancel {
-                background-color: transparent;
-                color: #fff;
-                &:hover {
-                    background-color: #d15454;
-                }
-            }
-        }
+
+    .countdown {
+      position: absolute;
+      bottom: 4px;
+      right: 80px;
+      color: #bbb;
     }
-    .recording {
-        height: 16vh;
-        margin-top: 60px;
-        background: linear-gradient(#a4a4a4, #fff);
-        color: #ccc;
-        position: relative;
-        &::before {
-            display: block;
-            content: "";
-            position: absolute;
-            top: -38px;
-            left: 50%;
-            transform: translateX(-50%);
-            background-color: #a4a4a4;
-            width: 130%;
-            height: 200px;
-            border-radius: 50%;
-            z-index: -1;
-            border: 1px solid #fff;
+  }
+
+  .tools {
+    padding: 30px;
+    margin-bottom: 10vh;
+
+    button {
+      background-color: #3a3a3a;
+      height: 100px;
+      width: 100px;
+      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: "";
+      position: absolute;
+      top: -38px;
+      left: 50%;
+      transform: translateX(-50%);
+      background-color: #a4a4a4;
+      width: 130%;
+      height: 200px;
+      border-radius: 50%;
+      z-index: -1;
+      border: 1px solid #fff;
+    }
+  }
 }
+
 .file-item {
-    a {
-        position: absolute;
-        left: 50%;
-        bottom: 10px;
-        transform: translateX(-50%);
-        height: 24px;
-        line-height: 24px;
-        width: 80%;
-        background: rgba(24, 77, 207, 0.62);
-        border-radius: 16px;
-        color: #fff;
-        text-align: center;
-    }
+  a {
+    position: absolute;
+    left: 50%;
+    bottom: 10px;
+    transform: translateX(-50%);
+    height: 24px;
+    line-height: 24px;
+    width: 80%;
+    background: rgba(24, 77, 207, 0.62);
+    border-radius: 16px;
+    color: #fff;
+    text-align: center;
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/vite.config.js b/vite.config.js
index e6bd3f7..212a009 100644
--- a/vite.config.js
+++ b/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']
+        },
+      }
+    }
   }
 })