@sugarat/easypicker2-client 2.4.3 → 2.6.0

package/src/pages/about/index.vue

@@ -1,152 +0,0 @@
-<template>
-    <div class="about">
-        <main>
-            <div class="panel">
-                <router-link to="/">
-                    <img class="logo" src="https://img.cdn.sugarat.top/easypicker/EasyPicker.png">
-                </router-link>
-            </div>
-            <div class="panel">
-                <h1>简介</h1>
-                <p>在线文件收取助手,帮助用户快速的完成一对多的文件收取</p>
-            </div>
-            <div class="panel">
-                <h1>诞生背景</h1>
-                <p>校园学习或者工作场景中会有以下几个场景:</p>
-                <ul>
-                    <li><strong>电子文件:</strong> 班委向同学收取各种实验电子报告</li>
-                    <li><strong>图片:</strong> 收取各种截图证明/活动照片</li>
-                    <li>...</li>
-                </ul>
-                <p>目前最广泛的收取方式为,通过邮箱,QQ,微信等通讯工具传递</p>
-                <p>弊端显而易见,不方便整理统计。还占用电脑/手机内存</p>
-                <p>为了解决这个问题,此项目应运而生</p>
-                <p>当然<span><strong>市面上也有几款类似的办公工具</strong></span> ,功能及使用方式都差不多</p>
-                <p>本项目<strong>是 <a href="https://github.com/ATQQ/easypicker2-client">开源</a> 的</strong> </p>
-                <p>如有私有化的需求,可自行部署使用(也可 <router-link to="/author">联系作者</router-link> 提供帮助)</p>
-            </div>
-            <div class="panel">
-                <h1>现有功能 <span style="color:grey;font-size:0.8rem;">(用户关心的)</span></h1>
-                <h2>收集任务</h2>
-                <ul>
-                    <li><strong>分类管理: </strong> 收集任务支持分类管理</li>
-                    <li><strong>设置DDL(截止日期): </strong> 任务截止后不可再提交文件</li>
-                    <li><strong>限制提交人员: </strong> 非指定的人员(姓名),无法提交文件</li>
-                    <li><strong>设置模板文件: </strong> 提交者可直接在提交页面下载此文件</li>
-                    <li><strong>自动重命名: </strong> 提交的文件按填写表单信息进行自动重名(如:姓名-工号.后缀)</li>
-                </ul>
-                <h2>文件相关</h2>
-                <ul>
-                    <li><strong>上传(提交): </strong>单个/多个</li>
-                    <li><strong>下载: </strong>单个/多个/按收集任务</li>
-                    <li><strong>撤回: </strong>用户可以撤回自己提交的文件</li>
-                    <li><strong>分享: </strong>用户可以将文件下载链接分享给朋友</li>
-                    <li><strong>模板下载: </strong> 下载任务发布者设置的模板文件</li>
-                    <li><strong>导出: </strong> 导出提交记录</li>
-                </ul>
-            </div>
-            <div class="panel">
-                <h1>相关链接</h1>
-                <h2>应用链接相关</h2>
-                <ul>
-                    <li><a href="https://docs.ep.sugarat.top" target="_blank" rel="noopener noreferrer">私有化部署</a></li>
-                    <li><a target="_blank" href="https://ep.sugarat.top">Easypicker1.0</a></li>
-                    <li><a target="_blank" href="https://ep2.sugarat.top">Easypicker2.0</a></li>
-                </ul>
-                <h2>应用源代码 <span style="color:grey;font-size:0.8rem;">(开发者需要的)</span></h2>
-                <ul>
-                    <li><a target="_blank" href="https://github.com/ATQQ/EasyPicker-webpack">Easypicker1.0-客户端</a></li>
-                    <li><a target="_blank" href="https://github.com/ATQQ/easypicker-server">Easypicker1.0-服务端</a></li>
-                </ul>
-                <ul>
-                    <li><a target="_blank" href="https://github.com/ATQQ/easypicker2-client">Easypicker2.0-客户端</a></li>
-                    <li><a target="_blank" href="https://github.com/ATQQ/easypicker2-server">Easypicker2.0-服务端</a></li>
-                </ul>
-                <ul>
-                    <li><a target="_blank" href="https://github.com/ATQQ/vite-vue3-template">Easypicker2.0-客户端模板仓库</a></li>
-                    <li><a target="_blank" href="https://github.com/ATQQ/node-server">Easypicker2.0-服务端模板仓库</a></li>
-                </ul>
-                <h2>作者 <span style="color:grey;font-size:0.8rem;">(夹带私货)</span></h2>
-                <ul>
-                    <li><a target="_blank" href="https://sugarat.top">博客</a></li>
-                    <li><a target="_blank" href="https://github.com/ATQQ">GitHub</a></li>
-                    <li><a target="_blank" href="https://juejin.cn/user/1028798615918983">掘金</a></li>
-                </ul>
-            </div>
-            <!-- <div class="panel">
-                <h1>开发计划</h1>
-                <h2>...未完待续</h2>
-            </div>
-            <div class="panel">
-                <h1>涉及技术</h1>
-                <h2>...未完待续</h2>
-            </div> -->
-        </main>
-    </div>
-</template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-
-export default defineComponent({
-  setup() {
-    return {
-
-    }
-  },
-})
-</script>
-<style lang="scss" scoped>
-h1,
-h2,
-h3,
-h4 {
-    font-weight: 500;
-}
-.about {
-    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
-    min-height: 100vh;
-}
-main {
-    max-width: 860px;
-    margin: 0 auto;
-    padding: 20px;
-    .panel {
-        position: relative;
-        margin: 0 auto 10px;
-        padding: 16px 20px;
-        width: 100%;
-        overflow: hidden;
-        border-radius: 0.25rem;
-        box-shadow: #eee;
-        box-sizing: border-box;
-        transition: all 0.3s;
-        background-color: #fff;
-    }
-    .logo{
-        width: 100%;
-        max-width: 520px;
-        margin: 0 auto;
-        display: block;
-    }
-    h1 {
-        font-size: 1.6rem;
-        margin-bottom: 10px;
-    }
-    h2{
-        font-size: 1.3rem;
-        margin-bottom: 12px;
-    }
-    ul,ol{
-        margin-left: 20px;
-        font-size: 15px;
-        margin-bottom: 1em;
-    }
-    p{
-        font-size: 15px;
-        margin-bottom: 1em;
-    }
-    a{
-        color: #409eff;
-    }
-}
-</style>

package/src/pages/callme/index.vue

@@ -1,155 +0,0 @@
-<template>
-    <div class="callme">
-        <main>
-            <div class="panel">
-                <h1>联系作者</h1>
-                <!-- 基本信息 -->
-                <div class="baseinfo">
-                    <span v-for="(info, idx) in baseInfo" :key="idx" class="info-item">
-                        <el-icon>
-                            <component :is="info.icon" />
-                        </el-icon>
-                        <i :class="info.icon"></i>
-                        <a target="_blank" :href="info.href">{{ info.text }}</a>
-                    </span>
-                </div>
-                <hr />
-                <!-- 一堆二维码 -->
-                <div class="qq-wechat">
-                    <ul>
-                        <li v-for="(qrcode, idx) in qrCOdes" :key="idx">
-                            <div class="title">{{ qrcode.text }}</div>
-                            <div class="content">
-                                <img :src="qrcode.img" />
-                            </div>
-                        </li>
-                    </ul>
-                </div>
-                <div class="description">
-                    <p>如遇无法解决的账号/使用问题,欢迎小窗联系我</p>
-                </div>
-                <div class="links">
-                    <router-link to="/">回到首页</router-link>
-                </div>
-            </div>
-        </main>
-    </div>
-</template>
-<script lang="ts" setup>
-import { UserFilled, Promotion } from '@element-plus/icons-vue'
-
-const baseInfo = [
-  {
-    icon: UserFilled,
-    text: '粥里有勺糖',
-    href: 'https://sugarat.top',
-  },
-  {
-    icon: Promotion,
-    text: 'engineerzjl@foxmail.com',
-    href: 'mailto:engineerzjl@foxmail.com',
-  },
-]
-
-const qrCOdes = [
-  {
-    text: '微信',
-    img: 'https://img.cdn.sugarat.top/mdImg/MTYxOTE1NTk3MTkyNA==619155971925',
-  },
-  {
-    text: '公众号',
-    img: 'https://img.cdn.sugarat.top/mdImg/MTYxOTE1NTYwNzQ5MQ==619155607491',
-  },
-  {
-    text: 'QQ',
-    img: 'https://img.cdn.sugarat.top/mdImg/MTYxOTE1NjQ5ODczOQ==619156498739',
-  },
-  {
-    text: '交流群',
-    img: 'https://img.cdn.sugarat.top/mdImg/MTY0Nzc2MTE2MTE2NA==ep-group.png',
-  },
-]
-
-</script>
-<style lang="scss" scoped>
-h1,
-h2,
-h3,
-h4 {
-    font-weight: 500;
-}
-.callme {
-    background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
-    min-height: 100vh;
-}
-main {
-    max-width: 860px;
-    margin: 0 auto;
-    padding: 20px;
-    .panel {
-        position: relative;
-        margin: 0 auto 20px;
-        padding: 16px 20px;
-        width: 100%;
-        overflow: hidden;
-        border-radius: 0.25rem;
-        box-shadow: #eee;
-        box-sizing: border-box;
-        transition: all 0.3s;
-        background-color: #fff;
-    }
-    h1 {
-        font-size: 1.6rem;
-        font-weight: 500;
-        margin-bottom: 10px;
-    }
-    .baseinfo {
-        color: #7f7f7f;
-        font-size: 1rem;
-        display: flex;
-        flex-wrap: wrap;
-        a {
-            color: #7f7f7f;
-            font-size: 1rem;
-            margin-left: 10px;
-        }
-        .info-item {
-            margin-right: 20px;
-        }
-        margin-bottom: 10px;
-    }
-    hr {
-        margin-bottom: 10px;
-    }
-    .qq-wechat ul {
-        list-style: none;
-        display: flex;
-        flex-wrap: wrap;
-        margin-bottom: 10px;
-        li {
-            text-align: center;
-            .title {
-                font-weight: 600;
-            }
-            .content {
-                padding: 0.5em;
-            }
-            img {
-                width: 150px;
-            }
-        }
-    }
-    .description {
-        color: #242424;
-        font-size: 15px;
-        margin-bottom: 10px;
-        text-align: center;
-    }
-    .links {
-        text-align: center;
-        a {
-            color: #409eff;
-        }
-    }
-}
-</style>

package/src/pages/dashboard/config/index.vue

@@ -1,304 +0,0 @@
-<template>
-  <div class="user">
-    <div class="panel">
-      <!-- 服务概况 -->
-      <div>
-        <h1>
-          <span>服务概况</span>
-          <el-icon
-            :class="{
-              loading
-            }"
-            @click="refreshStatus"
-            style="cursor: pointer; margin-left: 10px"
-          >
-            <Refresh />
-          </el-icon>
-          <span v-show="loading">数据加载中...</span>
-        </h1>
-        <Tip>查看各个服务的运行情况</Tip>
-        <div class="service-list">
-          <div
-            v-for="service in serviceList"
-            :key="service.key"
-            class="service-item"
-          >
-            <img :src="service.logo" :alt="service.name" />
-            <!-- <p>{{ service.name }}</p> -->
-            <p>
-              <Tip>{{ service.des }}</Tip>
-            </p>
-            <el-button
-              v-if="service.status"
-              type="success"
-              size="small"
-              :icon="Select"
-              circle
-            />
-            <el-button
-              v-else
-              type="danger"
-              size="small"
-              :icon="CloseBold"
-              circle
-            />
-            <p v-if="!service.status && service.error">
-              <Tip>{{ service.error }}</Tip>
-            </p>
-          </div>
-        </div>
-      </div>
-      <div v-show="showErrorList.length" class="error-panel">
-        <h1>错误信息</h1>
-        <p v-for="err in showErrorList" :key="err.key">
-          <strong>{{ err.name }}:</strong>
-          <span class="error">{{ err.errMsg }}</span>
-        </p>
-      </div>
-      <div>
-        <h1>服务相关配置</h1>
-        <Tip>
-          在此面板，配置服务器运行相关参数
-          <a
-            href="https://docs.ep.sugarat.top/deploy/online-new.html#_5-%E6%9C%80%E5%90%8E%E6%9B%B4%E6%96%B0%E9%85%8D%E7%BD%AE"
-          >
-            <el-button type="primary" link>配置手册?</el-button></a
-          >
-        </Tip>
-      </div>
-      <div class="config-container">
-        <div
-          class="config-panel"
-          v-for="serverItem in serverConfig"
-          :key="serverItem.title"
-        >
-          <h2>
-            {{ serverItem.title }}
-          </h2>
-          <el-form
-            :label-position="'right'"
-            label-width="100px"
-            style="max-width: 400px; margin: 0 auto"
-          >
-            <el-form-item
-              :label-width="'auto'"
-              v-for="cfgItem in serverItem.data"
-              :label="cfgItem.label || cfgItem.key"
-              :key="cfgItem.key"
-            >
-              <div class="flex" style="flex: 1">
-                <el-input
-                  :disabled="cfgItem.disabled"
-                  v-model="cfgItem.value"
-                />
-                <el-button
-                  v-if="cfgItem.disabled"
-                  @click="cfgItem.disabled = false"
-                  type="primary"
-                  text
-                  >更新</el-button
-                >
-                <el-button
-                  v-else
-                  @click="updateCfg(cfgItem)"
-                  type="success"
-                  text
-                  >完成</el-button
-                >
-              </div>
-            </el-form-item>
-          </el-form>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-<script lang="ts" setup>
-import { ElMessage } from 'element-plus'
-import { computed, onMounted, reactive, ref } from 'vue'
-import { useStore } from 'vuex'
-import { Select, CloseBold, Refresh } from '@element-plus/icons-vue'
-import { ConfigServiceAPI } from '@/apis'
-import Tip from '../tasks/components/infoPanel/tip.vue'
-
-const serviceList = reactive([
-  {
-    name: 'MySQL',
-    key: 'mysql',
-    logo: 'https://img.cdn.sugarat.top/mdImg/MTY1NzM1OTAyMjIwNA==657359022204',
-    status: false,
-    des: '存储用户数据',
-    errMsg: ''
-  },
-  {
-    name: '七牛云',
-    key: 'qiniu',
-    logo: 'https://img.cdn.sugarat.top/mdImg/MTY1NzM1ODcyODM0Mg==657358728342',
-    status: false,
-    des: '文件存储'
-  },
-  {
-    name: 'MongoDB',
-    key: 'mongodb',
-    logo: 'https://img.cdn.sugarat.top/mdImg/MTY1NzM1OTA4OTc3Nw==657359089777',
-    status: false,
-    des: '用户数据与日志'
-  },
-  {
-    name: 'Redis',
-    key: 'redis',
-    logo: 'https://img.cdn.sugarat.top/mdImg/MTY1NzM1ODgyNzM1MA==657358827350',
-    status: false,
-    des: '持久化缓存数据',
-    error: '确保安装redis，且监听端口6379'
-  },
-  {
-    name: '腾讯云',
-    key: 'tx',
-    logo: 'https://img.cdn.sugarat.top/mdImg/MTY1NzM1OTE1MzQzOQ==657359153439',
-    status: false,
-    des: '短信服务'
-  }
-])
-const $store = useStore()
-const loading = ref(false)
-const showErrorList = computed(() => serviceList.filter((item) => item.errMsg))
-const refreshStatus = () => {
-  if (loading.value) return
-  loading.value = true
-  ConfigServiceAPI.getServiceOverview().then((v) => {
-    const { data } = v
-    serviceList.forEach((item) => {
-      const { status, errMsg } = data[item.key]
-      item.status = status
-      item.errMsg = errMsg
-    })
-    ElMessage.success('服务状态刷新完成')
-    loading.value = false
-  })
-}
-
-const serverConfig = ref([])
-const getServiceConfig = () => {
-  ConfigServiceAPI.getServiceConfig().then((v) => {
-    // console.log(v.data)
-    v.data.forEach((v) => {
-      v.data.forEach((v) => {
-        v.disabled = true
-      })
-    })
-    serverConfig.value = v.data
-  })
-}
-const updateCfg = (item: ConfigServiceAPITypes.ServiceConfigItem) => {
-  ConfigServiceAPI.updateCfg(item).then(() => {
-    item.disabled = true
-    ElMessage.success('更新成功')
-    refreshStatus()
-  })
-}
-onMounted(() => {
-  refreshStatus()
-  getServiceConfig()
-})
-const isMobile = computed(() => $store.getters['public/isMobile'])
-</script>
-
-<style scoped lang="scss">
-@media screen and (max-width: 700px) {
-  .user {
-    margin-top: 40px !important;
-  }
-}
-
-.user {
-  margin: 0 auto;
-}
-
-.panel {
-  max-width: 1256px;
-  padding: 1em;
-  background-color: #fff;
-  margin: 10px auto;
-  box-sizing: border-box;
-  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
-  border-radius: 4px;
-}
-
-h1 {
-  margin: 0;
-  padding: 10px 0;
-  font-size: 20px;
-  font-weight: bold;
-  text-align: center;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.service-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-}
-
-.service-item {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin: 10px;
-  min-width: 120px;
-
-  img {
-    width: 80px;
-  }
-
-  p {
-    text-align: center;
-    padding-top: 10px;
-    font-size: 14px;
-  }
-}
-
-@keyframes rotate {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-.loading {
-  margin-left: 10px;
-  animation: rotate 1s linear infinite;
-}
-
-.error-panel {
-  padding: 0 20px;
-
-  p {
-    .error {
-      color: red;
-    }
-
-    margin-bottom: 10px;
-  }
-}
-
-.config-container {
-  display: flex;
-  justify-content: space-around;
-  flex-wrap: wrap;
-}
-
-.config-panel {
-  h2 {
-    text-align: center;
-    font-size: 16px;
-    margin-bottom: 10px;
-  }
-}
-</style>