From 1f819bc83ba654d07bc746033e9db2b5afadeb74 Mon Sep 17 00:00:00 2001
From: yutent <yutent.io@gmail.com>
Date: Fri, 10 Feb 2023 18:26:10 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                |  2 +-
 src/components/header.vue |  5 +++-
 src/views/home.vue        | 63 +++++++++++++++++++++++++++++++++++----
 src/views/request.vue     | 31 ++++++++++++++++---
 4 files changed, 89 insertions(+), 12 deletions(-)
diff --git a/index.html b/index.html
index 55cd5dc..d0aac46 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
   <script type="importmap">{{importmap}}</script>
 </head>
 <body>
-  <div class="app noselect"></div>
+  <div class="app"></div>
   <script src="main.js"></script>
 </body>
 </html>
diff --git a/src/components/header.vue b/src/components/header.vue
index 981bd73..0c54b08 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -1,5 +1,8 @@
 <template>
-  <div class="common-header" :class="{ 'search-show': $store.searchShow }">
+  <div
+    class="common-header noselect"
+    :class="{ 'search-show': $store.searchShow }"
+  >
     <header class="navibar">
       <div class="wrapper">
         <a class="logo"><img src="/assets/logo.svg" /></a>
diff --git a/src/views/home.vue b/src/views/home.vue
index fbb076e..933667c 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,8 +1,29 @@
+<template>
+  <main class="home">
+    <dl class="card" v-for="it in libs">
+      <dt class="title">{{ it.name }} - v{{ it.version }}</dt>
+      <dd class="list">
+        <section class="link">
+          //jscdn.ink/{{ it.name }}/{{ it.version }}/{{ it.file }}
+        </section>
+      </dd>
+    </dl>
+  </main>
+</template>
+
 <script>
 export default {
   data() {
     return {
-      content: '欢迎访问~~ 这是首页'
+      libs: [
+        { name: 'vue', version: '2.3.2', file: 'vue.esm-browser.js' },
+        {
+          name: 'vue-router',
+          version: '4.1.2',
+          file: 'vue-router.esm-browser.js'
+        },
+        { name: '@bytedo/fetch', version: '2.1.2', file: 'index.js' }
+      ]
     }
   },
 
@@ -12,8 +33,38 @@ export default {
 }
 </script>
 
-<template>
-  <main>
-    <h1>{{ content }}</h1>
-  </main>
-</template>
+<style lang="scss" scoped>
+.home {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-top: 16px;
+
+  .card {
+    width: 1024px;
+    margin-top: 24px;
+    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
+
+    .title {
+      padding: 16px;
+      font-size: 26px;
+      background: var(--color-plain-1);
+    }
+
+    .list {
+      padding: 16px;
+      font-size: 16px;
+    }
+
+    .link {
+      transition: background 0.1s ease;
+      &:hover {
+        text-decoration: underline;
+      }
+      &:active {
+        background: var(--color-plain-a);
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/request.vue b/src/views/request.vue
index 6b5d205..1188ec9 100644
--- a/src/views/request.vue
+++ b/src/views/request.vue
@@ -22,7 +22,10 @@
         <wc-td align="center">{{ $store.stats[it.stat] }}</wc-td>
         <wc-td>{{ it.remark }}</wc-td>
         <wc-td align="center">
-          <wc-link @click="handlePackgae('sync', it.id)" type="info"
+          <wc-link
+            :disabled="it.stat !== 2"
+            @click="handlePackgae('sync', it)"
+            type="info"
             >更新</wc-link
           >
           <wc-link
@@ -258,14 +261,34 @@ export default {
       if (act !== 'sync' && !this.$store.user.admin) {
         return layer.alert('别闹, 老实等管理员通过~~')
       }
-      fetch(`/package/${act}/${encodeURIComponent(id)}`)
+      let req
+      if (act === 'reject' || act === 'delete') {
+        req = layer.prompt('请输入理由').then(remark => {
+          return fetch(`/package/${act}/${encodeURIComponent(id)}`, {
+            method: 'PUT',
+            body: { remark }
+          })
+        })
+      } else if (act === 'accept') {
+        req = layer.prompt('请输入文件目录').then(dist => {
+          return fetch(`/package/${act}/${encodeURIComponent(id)}`, {
+            method: 'PUT',
+            body: { dist }
+          })
+        })
+      } else {
+        req = fetch(`/package/${act}/${encodeURIComponent(id)}`, {
+          method: 'PUT'
+        })
+      }
+
+      req
         .then(r => {
           layer.toast('操作成功', 'success')
           this.fetchList()
         })
         .catch(r => {
-          console.log(r)
-          layer.toast(r.msg, 'error')
+          r && layer.toast(r.msg, 'error')
         })
     }
   }
