增加生成图片弹窗和给学弟学妹留言

index.html

@@ -22,7 +22,7 @@
             <div class="operate flexacenter">
                 <input placeholder="请输入" v-model="inputText" @keyup.enter="confirm()" />
                 <div class="btn" @click="confirm()">确定</div>
-                <div class="btn" @click="saveimage()">保存图片</div>
+                <div class="btn" @click="saveimage()">生成图片</div>
             </div>
             <div class="main">
                 <template v-if="tab == 'offer' && JSON.stringify(offerinfo) !== '{}'">
@@ -276,11 +276,37 @@
                         <div class="content summary-text">{{ info.content }}</div>
                     </div>
 
+                    <div class="box" v-if="info.message">
+                        <div class="head">
+                            <div class="left">
+                                <img class="index" crossorigin="anonymous" :src="info.content ? base03 : base02" />
+                                <img class="arrow" crossorigin="anonymous" :src="arrowblue" />
+                                <img class="arrow" crossorigin="anonymous" :src="arrowlightblue" />
+                            </div>
+                            <div class="right summary">
+                                <div class="right-text">给学弟学妹的留言</div>
+                            </div>
+                            <div class="strip"></div>
+                        </div>
+
+                        <div class="content summary-text">{{ info.message }}</div>
+                    </div>
+
                     <div class="more flexcenter">
                         more
                         <img class="more-icon" crossorigin="anonymous" :src="arrow1round" />
                     </div>
                 </template>
+
+                <div v-if="selectState" class="pop-up flexcenter">
+                    <div class="select flexflex">
+                        <div class="title">生成成功</div>
+                        <div class="img-box flexcenter">
+                            <img class="img" :src="selectBase64" />
+                        </div>
+                        <a class="btn" :href="selectBase64" :download="inputId + '.png'">另存为</a>
+                    </div>
+                </div>
             </div>
         </div>
 
@@ -413,9 +439,12 @@
 
                     base01: "",
                     arrow1round: "",
+
+                    selectState: false,
+                    selectBase64: "",
                 },
                 mounted() {
-                    axios.defaults.headers.common["Authorization"] = "813blr43ue2hhf2kjnlfibyy9swlxm2x"
+                    // axios.defaults.headers.common["Authorization"] = "3v900y3avdzkp1ljhuycvhq2ck7ah01y"
 
                     this.base01 = base01
                     this.base02 = base02
@@ -490,6 +519,15 @@
                                 }
                                 const data = res.data
 
+                                while (data.info.message && data.info.message.indexOf("\n\n\n\n") >= 0) {
+                                    data.info.message = data.info.message.replace("\n\n\n\n", "\n\n\n")
+                                }
+                                if (data.info.message && (data.info.message == "\n\n\n" || data.info.message == "\n\n" || data.info.message == "\n")) data.info.message = "" // 留言只有 回车
+
+                                // 删除前后的空格
+                                if (data.info.content) data.info.content = data.info.content.trim()
+                                if (data.info.message) data.info.message = data.info.message.trim()
+
                                 const offercollege = data.offercollege || []
 
                                 this.offercollege = offercollege
@@ -709,22 +747,25 @@
                             // document.body.appendChild(canvas)
 
                             // 或者你可以将canvas转换为图片数据
-                            var img = canvas.toDataURL("image/png")
+                            let img = canvas.toDataURL("image/png")
 
                             // 创建一个新的图片元素
-                            var newImg = document.createElement("img")
-                            newImg.src = img
+                            // let newImg = document.createElement("img")
+                            // newImg.src = img
 
                             // 将新图片添加到文档中
                             // document.body.appendChild(newImg)
 
+                            this.selectBase64 = img
+                            this.selectState = true
+
                             // 创建一个链接元素用于下载
-                            var downloadLink = document.createElement("a")
-                            downloadLink.href = img
-                            // 为下载的文件命名
-                            downloadLink.download = this.inputId + ".png"
-                            // 触发下载
-                            downloadLink.click()
+                            // var downloadLink = document.createElement("a")
+                            // downloadLink.href = img
+                            // // 为下载的文件命名
+                            // downloadLink.download = this.inputId + ".png"
+                            // // 触发下载
+                            // downloadLink.click()
                         })
                     },
                 },