feat: 新增人工智能开关

terwer · Aug 16, 2023 · 6bbd3c8 · 6bbd3c8
1 parent f866652
commit 6bbd3c8
Showing 1 changed file with 74 additions and 0 deletions.
diff --git a/src/components/publish/form/AiSwitch.vue b/src/components/publish/form/AiSwitch.vue
@@ -0,0 +1,74 @@
+<!--
+  - Copyright (c) 2023, Terwer . All rights reserved.
+  - DO NOT ALTER OR REMOVE COPYRIGHT NOTICES OR THIS FILE HEADER.
+  -
+  - This code is free software; you can redistribute it and/or modify it
+  - under the terms of the GNU General Public License version 2 only, as
+  - published by the Free Software Foundation.  Terwer designates this
+  - particular file as subject to the "Classpath" exception as provided
+  - by Terwer in the LICENSE file that accompanied this code.
+  -
+  - This code is distributed in the hope that it will be useful, but WITHOUT
+  - ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  - FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License
+  - version 2 for more details (a copy is included in the LICENSE file that
+  - accompanied this code).
+  -
+  - You should have received a copy of the GNU General Public License version
+  - 2 along with this work; if not, write to the Free Software Foundation,
+  - Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
+  -
+  - Please contact Terwer, Shenzhen, Guangdong, China, youweics@163.com
+  - or visit www.terwer.space if you need additional information or have any
+  - questions.
+  -->
+
+<script setup lang="ts">
+import { markRaw, reactive } from "vue"
+import { ElMessage, ElMessageBox } from "element-plus"
+import { Warning } from "@element-plus/icons-vue"
+import { useVueI18n } from "~/src/composables/useVueI18n.ts"
+
+const { t } = useVueI18n()
+
+const formData = reactive({
+  useAi: false,
+})
+
+const emit = defineEmits(["emitSyncAiSwitch"])
+
+const onAiSwitchChange = (val: boolean) => {
+  if (val) {
+    ElMessageBox.confirm(
+      `由于运营成本关系，人工智能服务[内测版]相关服务会在内测结束后收费，是否仍然开启，不开启仍然可以使用基础功能？`,
+      "温馨提示",
+      {
+        type: "error",
+        icon: markRaw(Warning),
+        confirmButtonText: t("main.opt.ok"),
+        cancelButtonText: t("main.opt.cancel"),
+      }
+    )
+      .then(async () => {
+        emit("emitSyncAiSwitch", formData.useAi)
+        ElMessage.success("人工智能服务[内测版]已开启，目前可智能生成摘要和标签，感谢您的支持！")
+      })
+      .catch(() => {
+        formData.useAi = false
+        emit("emitSyncAiSwitch", formData.useAi)
+      })
+  } else {
+    emit("emitSyncAiSwitch", formData.useAi)
+  }
+}
+</script>
+
+<template>
+  <div class="ai-switch">
+    <el-form-item label="使用人工智能">
+      <el-switch v-model="formData.useAi" @change="onAiSwitchChange"></el-switch>
+    </el-form-item>
+  </div>
+</template>
+
+<style scoped lang="stylus"></style>