From c6a1e5924a4167eb65a5f3e402ecd9e71374287b Mon Sep 17 00:00:00 2001
From: linjinyuan <2841541624@qq.com>
Date: Tue, 6 Sep 2022 19:02:02 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=90=8E=E5=8F=B0=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E3=80=91--=20=E7=B3=BB=E7=BB=9F=E8=AE=BE=E7=BD=AE--->=E7=94=A8?=
 =?UTF-8?q?=E6=88=B7=E8=AE=BE=E7=BD=AE&=E7=99=BB=E5=BD=95=E6=B3=A8?=
 =?UTF-8?q?=E5=86=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/setting/user/login_register.vue | 133 ++++++++++++++++++
 admin/src/views/setting/user/setup.vue        |  58 ++++++++
 2 files changed, 191 insertions(+)
 create mode 100644 admin/src/views/setting/user/login_register.vue
 create mode 100644 admin/src/views/setting/user/setup.vue

diff --git a/admin/src/views/setting/user/login_register.vue b/admin/src/views/setting/user/login_register.vue
new file mode 100644
index 00000000..1308d7b4
--- /dev/null
+++ b/admin/src/views/setting/user/login_register.vue
@@ -0,0 +1,133 @@
+<!-- 网站信息 -->
+<template>
+    <div class="login-register">
+        <el-form ref="formRef" :rules="rules" :model="formData" label-width="120px">
+            <el-card shadow="never" class="!border-none">
+                <div class="font-medium mb-7">通用设置</div>
+
+                <el-form-item label="登录方式" prop="methods">
+                    <div>
+                        <el-checkbox v-model="formData.methods" true-label="1" false-label="2" label="登录" />
+                        <el-checkbox v-model="formData.methods" true-label="1" false-label="2" label="注册" />
+
+                        <div class="form-tips">系统通用登录方式，至少选择一项</div>
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="强制绑定手机" prop="favicon" required>
+                    <div>
+                        <el-switch v-model="formData.isBindMobile" />
+                        <span class="mt-1 ml-2">{{
+                                formData.isBindMobile ? "开启" : "关闭"
+                        }}</span>
+
+                        <div class="form-tips">
+                            1、如果开启，则新用户在注册完成之后要强制绑定手机号<br />
+                            2、老用户登录时如果检测到没有绑定手机，则要重新绑定手机号
+                        </div>
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="政策协议" prop="favicon" required>
+                    <div>
+                        <el-switch v-model="formData.isBindMobile" />
+                        <span class="mt-1 ml-2">{{
+                                formData.isBindMobile ? "开启" : "关闭"
+                        }}</span>
+
+                        <div class="form-tips">
+                            登录/注册会员时，是否显示服务协议和隐私政策
+                        </div>
+                    </div>
+                </el-form-item>
+            </el-card>
+
+            <el-card shadow="never" class="!border-none mt-4">
+                <div class="font-medium mb-7">第三方设置</div>
+
+                <el-form-item label="第三方登录" prop="methods">
+                    <div>
+                        <el-switch v-model="formData.isBindMobile" />
+                        <span class="mt-1 ml-2">{{
+                                formData.isBindMobile ? "开启" : "关闭"
+                        }}</span>
+
+                        <div class="form-tips">登录时支持第三方登录，新用户授权即自动注册账号</div>
+
+                        <div>
+                            <el-checkbox v-model="formData.methods" true-label="1" false-label="2" label="登录" />
+                            <el-checkbox v-model="formData.methods" true-label="1" false-label="2" label="注册" />
+                        </div>
+                    </div>
+                </el-form-item>
+
+                <el-form-item label="微信开放平台" prop="favicon" required>
+                    <div>
+                        <a href="https://baidu.com" target="_blank">
+                            <el-button type="primary" link class="underline">前往微信开放平台</el-button>
+                        </a>
+
+                        <div class="form-tips">
+                            1、在各渠道使用微信授权登录时，强烈建议配置微信开放平台<br />
+                            2、微信开放平台关联公众号、小程序和APP后，可实现各端用户账号统一，识别买家唯一微信身份<br />
+                            3、没有配置微信开放平台，同一微信号会生成多个用户，配置微信开放平台后已生成的用户账号无法合并
+                        </div>
+                    </div>
+                </el-form-item>
+            </el-card>
+        </el-form>
+
+        <footer-btns v-perms="['setting:website:save']">
+            <el-button type="primary" @click="handleSubmit">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { getWebsite, setWebsite } from "@/api/setting/website";
+import feedback from "@/utils/feedback";
+import type { FormInstance } from "element-plus";
+const formRef = ref<FormInstance>();
+
+// 表单数据
+const formData = reactive({
+    methods: 1, // 登录方式
+    isBindMobile: 1, // 是否强制绑定手机号码
+    favicon: "", // 网站图标
+    logo: "", // 网站logo
+    backdrop: "", // 登录页广告图
+});
+
+// 表单验证
+const rules = {
+    name: [
+        {
+            required: true,
+            message: "请输入网站名称",
+            trigger: ["blur"],
+        },
+    ],
+};
+
+// 获取备案信息
+const getData = async () => {
+    const data = await getWebsite();
+    for (const key in formData) {
+        //@ts-ignore
+        formData[key] = data[key];
+    }
+};
+
+// 设置备案信息
+const handleSubmit = async () => {
+    await formRef.value?.validate();
+    await setWebsite(formData);
+    feedback.msgSuccess("操作成功");
+    getData();
+};
+
+getData();
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/admin/src/views/setting/user/setup.vue b/admin/src/views/setting/user/setup.vue
new file mode 100644
index 00000000..d83a2a86
--- /dev/null
+++ b/admin/src/views/setting/user/setup.vue
@@ -0,0 +1,58 @@
+<!-- 网站信息 -->
+<template>
+    <div class="user-setup">
+        <el-card shadow="never" class="!border-none">
+            <div class="font-medium mb-7">服务器域名</div>
+            <el-form ref="formRef" :model="formData" label-width="120px">
+                <el-form-item label="用户默认头像">
+                    <div>
+                        <material-picker v-model="formData.default_avatar" :limit="1" />
+                    </div>
+                </el-form-item>
+                <el-form-item>
+                    <div>
+                        <div class="form-tips">用户注册时给的默认头像，建议尺寸：400*400像素，支持jpg，jpeg，png格式</div>
+                    </div>
+                </el-form-item>
+            </el-form>
+        </el-card>
+
+        <footer-btns v-perms="['setting:website:save']">
+            <el-button type="primary" @click="handleSubmit">保存</el-button>
+        </footer-btns>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { getWebsite, setWebsite } from '@/api/setting/website'
+import feedback from '@/utils/feedback'
+import type { FormInstance } from 'element-plus'
+const formRef = ref<FormInstance>()
+
+// 表单数据
+const formData = reactive({
+    default_avatar: '', // 用户默认头像
+})
+
+// 获取用户设置信息
+const getData = async () => {
+    const data = await getWebsite()
+    for (const key in formData) {
+        //@ts-ignore
+        formData[key] = data[key]
+    }
+}
+
+// 设置备案信息
+const handleSubmit = async () => {
+    await formRef.value?.validate()
+    await setWebsite(formData)
+    feedback.msgSuccess('操作成功')
+    getData()
+}
+
+getData()
+</script>
+
+<style lang="scss" scoped>
+</style>