feat: 新增粘贴板创建页面

Author: shatian114

src/pages/download/Index.vue

@@ -165,80 +165,6 @@ function getNewVersioArch(arch) {
           </div>
         </div>
       </div>
-      <!--<div class="livekit-container w-[100%] flex flex-row">
-        <div id="livekit-title" class="flex flex-col pl-[2rem] py-[1rem]">
-          <p>
-            <span id="livekit" class="text-[24pt] leading-none">LiveKit</span>
-            <span id="livekit-alt" class="flex leading-6 text-[14pt]"
-              >安同 OS 安装及救援环境</span
-            >
-            <span id="livekit" class="text-[16pt] leading-8"
-              >功能完备，应不时之需</span
-            >
-          </p>
-          <p>
-            <a href="#">发行说明</a>
-            <span class="px-[.25rem]">·</span>
-            <a href="#">配置需求</a>
-          </p>
-        </div>
-        <div
-          id="livekit-buttons"
-          class="buttons-col flex flex-col justify-between gap-2 my-[1rem] pr-[8rem] ml-auto"
-        >
-          <button
-            class="w-[224px] m-0 text-white bg-secondary hover:opacity-85 ml-1 cursor-pointer"
-          >
-            <p style="button-p">x86-64/AMD64</p>
-            <p style="button-p">3.1GB ISO</p>
-          </button>
-          <button
-            class="w-[224px] m-0 text-white bg-secondary hover:opacity-85 ml-1 cursor-pointer"
-          >
-            <p style="button-p">AArch64</p>
-            <p style="button-p">3.1GB ISO</p>
-          </button>
-          <button
-            class="w-[224px] m-0 text-white bg-secondary hover:opacity-85 ml-1 cursor-pointer"
-          >
-            <p style="button-p">龙架构 (LoongArch)</p>
-            <p style="button-p">3.1GB ISO</p>
-          </button>
-        </div>
-      </div>
-      <div class="wsl-container w-[100%] flex flex-row min-h-[12rem]">
-        <div id="wsl-title" class="flex flex-col pl-[2rem] py-[1rem]">
-          <p>
-            <span id="wsl" class="text-[24pt] leading-none">WSL 环境</span>
-            <span id="wsl-alt" class="flex leading-6 text-[14pt]"
-              >适用于 WSL 的安同 OS</span
-            >
-            <span id="wsl-description" class="text-[16pt] leading-8"
-              >Windows 与安同双双联手，生产力触手可及</span
-            >
-          </p>
-          <p>
-            <a href="#">发行说明</a>
-            <span class="px-[.25rem]">·</span>
-            <a href="#">配置需求</a>
-          </p>
-        </div>
-        <div
-          id="wsl-buttons"
-          class="buttons-col flex flex-col justify-between gap-2 my-[1rem] pr-[8rem] ml-auto"
-        >
-          <ms-store-badge
-            class="mt-auto h-[60px]"
-            style="max-width: 224px"
-            productid="9NMDF21NV65Z"
-            window-mode="popup"
-            theme="dark"
-            language="en-us"
-            animation="on"
-          >
-          </ms-store-badge>
-        </div>
-      </div>-->
     </div>
     <category-second title="安同 OS（二级架构）" />
     <div class="pt-[20px] pb-[30px] px-[30px]">

src/pages/paste/Index.vue

@@ -243,7 +243,7 @@ const languageList = ref([
   "Zephir",
 ]);
 
-const selectDateTime = ref()
+const selectDateTime = ref();
 const pasteFormData = ref({
   title: "",
   contents: "",
@@ -252,7 +252,9 @@ const pasteFormData = ref({
   password: "",
   attachments: [],
 });
-const pasteRes = ref(null)
+const pasteRes = ref(null);
+
+const linkPre = `${window.location.protocol}//${window.location.host}`
 
 const submiting = ref(false);
 function submit() {
@@ -261,13 +263,13 @@ function submit() {
     .post("/pasteApi/api/paste/submit", pasteFormData.value)
     .then((res) => {
       submiting.value = false;
-      pasteRes.value = res.data
+      pasteRes.value = res.data;
       console.log(res.data);
     })
     .catch((err) => {
       submiting.value = false;
       console.log(err);
-      pasteRes.value = {res: 'fail'}
+      pasteRes.value = { res: "fail" };
     });
 }
 
@@ -292,11 +294,22 @@ function removeFile() {
 }
 function expTimeChange(v) {
   if (v == null) {
-    pasteFormData.value.expiry_time = 0
+    pasteFormData.value.expiry_time = 0;
   } else {
-    pasteFormData.value.expiry_time = v.getTime() / 1000
+    pasteFormData.value.expiry_time = v.getTime() / 1000;
   }
-  
+}
+function back() {
+  pasteRes.value = null
+  pasteFormData.value = {
+    title: "",
+    language: 'text',
+    content: "",
+    expiry_time: 0,
+    password: "",
+    attachments: [],
+  };
+  selectDateTime.value = ''
 }
 </script>
 
@@ -331,7 +344,11 @@ function expTimeChange(v) {
         >
       </el-form-item>
       <el-form-item label="到期时间">
-        <el-date-picker type="datetime" v-model="selectDateTime" @change="expTimeChange" />
+        <el-date-picker
+          type="datetime"
+          v-model="selectDateTime"
+          @change="expTimeChange"
+        />
       </el-form-item>
       <el-form-item label="密码">
         <el-input v-model="pasteFormData.password" />
@@ -349,15 +366,26 @@ function expTimeChange(v) {
 
     <div v-else>
       <el-result icon="success" title="成功" v-if="pasteRes.contents">
-      <template #sub-title>
-        <a :href="`https://website-2023.aosc.io/paste/detail?id=${pasteRes.paste_id_expr}`" class="text-link">
-          {{ `https://website-2023.aosc.io/paste/detail?id=${pasteRes.paste_id_repr}` }}
-        </a>
-      </template>
-    </el-result>
-    <el-result v-else icon="error" sub-title="失败"></el-result>
+        <template #sub-title>
+          <a
+            :href="`${linkPre}paste/detail?id=${pasteRes.paste_id_repr}`"
+            class="text-link"
+          >
+            {{
+              `${linkPre}paste/detail?id=${pasteRes.paste_id_repr}`
+            }}
+          </a>
+        </template>
+        <template #extra>
+          <el-button type="primary" @click="back">返回</el-button>
+        </template>
+      </el-result>
+      <el-result v-else icon="error" sub-title="失败">
+        <template #extra>
+          <el-button type="primary" @click="back">返回</el-button>
+        </template>
+      </el-result>
     </div>
-    
   </div>
 </template>