From 905d9439cbe4bfa42d8c09169dd28a67828c5634 Mon Sep 17 00:00:00 2001
From: damonyuan <404054358@qq.com>
Date: Mon, 18 Nov 2024 15:01:05 +0800
Subject: [PATCH] =?UTF-8?q?feat=20=E5=90=8C=E6=AD=A5=E7=AB=99=E7=82=B9?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E7=9A=84ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/src/api/setting/website.ts              |  9 ++
 .../src/views/setting/website/statistics.vue  | 82 +++++++++++++++++++
 2 files changed, 91 insertions(+)
 create mode 100644 admin/src/views/setting/website/statistics.vue

diff --git a/admin/src/api/setting/website.ts b/admin/src/api/setting/website.ts
index 0b965719..c8aa32cc 100644
--- a/admin/src/api/setting/website.ts
+++ b/admin/src/api/setting/website.ts
@@ -25,3 +25,12 @@ export function getProtocol() {
 export function setProtocol(params: any) {
     return request.post({ url: '/setting.web.web_setting/setAgreement', params })
 }
+
+// 获取站点统计信息
+export function getSiteStatistics() {
+    return request.get({ url: '/setting.web.web_setting/getSiteStatistics' })
+}
+// 设置网站信息
+export function setSiteStatistics(params: any) {
+    return request.post({ url: '/setting.web.web_setting/setSiteStatistics', params })
+}
diff --git a/admin/src/views/setting/website/statistics.vue b/admin/src/views/setting/website/statistics.vue
new file mode 100644
index 00000000..5e0c2c16
--- /dev/null
+++ b/admin/src/views/setting/website/statistics.vue
@@ -0,0 +1,82 @@
+<!-- 站点统计 -->
+<template>
+    <div class="website-statistics">
+        <el-form
+            ref="formRef"
+            :rules="rules"
+            class="ls-form"
+            :model="formData"
+            scroll-to-error
+            label-width="120px"
+        >
+            <el-card shadow="never" class="!border-none">
+                <div class="text-xl font-medium mb-[20px]">Clarity配置</div>
+                <el-form-item label="应用ID" prop="clarity_code">
+                    <div class="flex flex-col">
+                        <div class="w-80">
+                            <el-input
+                                v-model.trim="formData.clarity_code"
+                                placeholder="请填写应用ID"
+                                maxlength="10"
+                                show-word-limit
+                            />
+                        </div>
+                        <div class="form-tips">
+                            请前往<a
+                                class="text-primary"
+                                href="https://clarity.microsoft.com"
+                                target="_blank"
+                            >
+                                《Clarity官网》
+                            </a>
+                            创建Clarity统计应用
+                        </div>
+                    </div>
+                </el-form-item>
+            </el-card>
+        </el-form>
+        <footer-btns v-perms="['setting.web.web_setting/setWebsite']">
+            <el-button type="primary" @click="handleSubmit">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+
+<script lang="ts" setup name="webInformation">
+import type { FormInstance } from 'element-plus'
+
+import { getSiteStatistics, setSiteStatistics } from '@/api/setting/website'
+
+const formRef = ref<FormInstance>()
+
+// 表单数据
+const formData = reactive<{
+    clarity_code: string
+}>({
+    clarity_code: '' // Clarity应用ID
+})
+
+// 表单验证
+const rules = {}
+
+// 获取站点统计配置
+const getData = async () => {
+    const data = await getSiteStatistics()
+    for (const key in formData) {
+        //@ts-ignore
+        formData[key] = data[key]
+    }
+}
+
+// 设置站点统计配置
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    await setSiteStatistics(formData)
+    getData()
+}
+
+onMounted(() => {
+    getData()
+})
+</script>
+
+<style lang="scss" scoped></style>