新增
This commit is contained in:
Your Name
@@ -0,0 +1,127 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="popupTitle"
|
||||
:async="true"
|
||||
width="550px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form
|
||||
class="ls-form"
|
||||
ref="formRef"
|
||||
:rules="rules"
|
||||
:model="formData"
|
||||
label-width="84px"
|
||||
>
|
||||
<el-form-item label="字典类型">
|
||||
<el-input
|
||||
:model-value="formData.type_value"
|
||||
placeholder="请输入字典类型"
|
||||
disabled
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="数据名称" prop="name">
|
||||
<el-input v-model="formData.name" placeholder="请输入数据名称" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="数据值" prop="value">
|
||||
<el-input v-model="formData.value" placeholder="请输入数据值" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="排序" prop="sort">
|
||||
<div>
|
||||
<el-input-number v-model="formData.sort" :min="0" :max="9999" />
|
||||
<div class="form-tips">数值越大越排前</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态" required prop="status">
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio :value="1">正常</el-radio>
|
||||
<el-radio :value="0">停用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
v-model="formData.remark"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 6 }"
|
||||
clearable
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
import { dictDataAdd, dictDataEdit } from '@/api/setting/dict'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑字典数据' : '新增字典数据'
|
||||
})
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
type_value: '',
|
||||
name: '',
|
||||
value: '',
|
||||
sort: 0,
|
||||
status: 1,
|
||||
remark: '',
|
||||
type_id: 0
|
||||
})
|
||||
|
||||
const rules = {
|
||||
name: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入数据名称',
|
||||
trigger: ['blur']
|
||||
}
|
||||
],
|
||||
value: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入数据值',
|
||||
trigger: ['blur']
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
mode.value == 'edit' ? await dictDataEdit(formData) : await dictDataAdd(formData)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
const setFormData = (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,177 @@
|
||||
<template>
|
||||
<div class="dict-type">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-page-header class="mb-4" content="数据管理" @back="$router.back()" />
|
||||
<el-form ref="formRef" class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item class="w-[280px]" label="字典名称">
|
||||
<el-select v-model="queryParams.type_id" @change="getLists">
|
||||
<el-option
|
||||
v-for="item in optionsData.dict_type"
|
||||
:label="item.name"
|
||||
:value="item.id"
|
||||
:key="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item class="w-[280px]" label="数据名称">
|
||||
<el-input v-model="queryParams.name" clearable @keyup.enter="resetPage" />
|
||||
</el-form-item>
|
||||
<el-form-item class="w-[280px]" label="数据状态">
|
||||
<el-select v-model="queryParams.status">
|
||||
<el-option label="全部" value />
|
||||
<el-option label="正常" :value="1" />
|
||||
<el-option label="停用" :value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button @click="resetParams">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<div>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_data/add']"
|
||||
type="primary"
|
||||
@click="handleAdd"
|
||||
>
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
添加数据
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_data/delete']"
|
||||
:disabled="!selectData.length"
|
||||
type="danger"
|
||||
@click="handleDelete(selectData)"
|
||||
>
|
||||
<template #icon>
|
||||
<icon name="el-icon-Delete" />
|
||||
</template>
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="mt-4" v-loading="pager.loading">
|
||||
<div>
|
||||
<el-table
|
||||
:data="pager.lists"
|
||||
size="large"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column label="ID" prop="id" />
|
||||
<el-table-column label="数据名称" prop="name" min-width="120" />
|
||||
<el-table-column label="数据值" prop="value" min-width="120" />
|
||||
<el-table-column label="状态">
|
||||
<template v-slot="{ row }">
|
||||
<el-tag v-if="row.status == 1">正常</el-tag>
|
||||
<el-tag v-else type="danger">停用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="备注"
|
||||
prop="remark"
|
||||
min-width="120"
|
||||
show-tooltip-when-overflow
|
||||
/>
|
||||
<el-table-column label="排序" prop="sort" />
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_data/edit']"
|
||||
link
|
||||
type="primary"
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_data/delete']"
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="dictData">
|
||||
import { dictDataDelete, dictDataLists, dictTypeLists } from '@/api/setting/dict'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const { query } = useRoute()
|
||||
const showEdit = ref(false)
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
|
||||
const queryParams = reactive({
|
||||
type: '',
|
||||
type_id: Number(query.id),
|
||||
name: '',
|
||||
status: ''
|
||||
})
|
||||
|
||||
const optionsData = reactive<{
|
||||
dict_type: any[]
|
||||
}>({
|
||||
dict_type: []
|
||||
})
|
||||
|
||||
const { pager, getLists, resetPage, resetParams } = usePaging({
|
||||
fetchFun: dictDataLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
const type = optionsData.dict_type.find((item) => item.id == queryParams.type_id)
|
||||
editRef.value?.setFormData({
|
||||
type_value: type?.type,
|
||||
type_id: type.id
|
||||
})
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
const handleDelete = async (id: any[] | number) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await dictDataDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
const getDictType = async () => {
|
||||
const data = await dictTypeLists({ page_type: 0 })
|
||||
optionsData.dict_type = data.lists
|
||||
}
|
||||
|
||||
getLists()
|
||||
getDictType()
|
||||
</script>
|
||||
@@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
:title="popupTitle"
|
||||
:async="true"
|
||||
width="550px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form
|
||||
class="ls-form"
|
||||
ref="formRef"
|
||||
:rules="rules"
|
||||
:model="formData"
|
||||
label-width="84px"
|
||||
>
|
||||
<el-form-item label="字典名称" prop="name">
|
||||
<el-input v-model="formData.name" placeholder="请输入字典名称" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="字典类型" prop="type">
|
||||
<el-input v-model="formData.type" placeholder="请输入字典类型" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item label="字典状态" required prop="status">
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio :value="1">正常</el-radio>
|
||||
<el-radio :value="0">停用</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input
|
||||
v-model="formData.remark"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 4, maxRows: 6 }"
|
||||
clearable
|
||||
maxlength="200"
|
||||
show-word-limit
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
import { dictTypeAdd, dictTypeEdit } from '@/api/setting/dict'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
|
||||
const emit = defineEmits(['success', 'close'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const mode = ref('add')
|
||||
const popupTitle = computed(() => {
|
||||
return mode.value == 'edit' ? '编辑字典类型' : '新增字典类型'
|
||||
})
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
name: '',
|
||||
type: '',
|
||||
status: 1,
|
||||
remark: ''
|
||||
})
|
||||
|
||||
const rules = {
|
||||
name: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入字典名称',
|
||||
trigger: ['blur']
|
||||
}
|
||||
],
|
||||
type: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入字典类型',
|
||||
trigger: ['blur']
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
mode.value == 'edit' ? await dictTypeEdit(formData) : await dictTypeAdd(formData)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
emit('close')
|
||||
}
|
||||
|
||||
const open = (type = 'add') => {
|
||||
mode.value = type
|
||||
popupRef.value?.open()
|
||||
}
|
||||
|
||||
const setFormData = (data: Record<any, any>) => {
|
||||
for (const key in formData) {
|
||||
if (data[key] != null && data[key] != undefined) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open,
|
||||
setFormData
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,162 @@
|
||||
<template>
|
||||
<div class="dict-type">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form ref="formRef" class="mb-[-16px]" :model="queryParams" inline>
|
||||
<el-form-item class="w-[280px]" label="字典名称">
|
||||
<el-input v-model="queryParams.name" clearable @keyup.enter="resetPage" />
|
||||
</el-form-item>
|
||||
<el-form-item class="w-[280px]" label="字典类型">
|
||||
<el-input v-model="queryParams.type" clearable @keyup.enter="resetPage" />
|
||||
</el-form-item>
|
||||
<el-form-item class="w-[280px]" label="状态">
|
||||
<el-select v-model="queryParams.status">
|
||||
<el-option label="全部" value />
|
||||
<el-option label="正常" :value="1" />
|
||||
<el-option label="停用" :value="0" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button @click="resetParams">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<div>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_type/add']"
|
||||
type="primary"
|
||||
@click="handleAdd"
|
||||
>
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_type/delete']"
|
||||
:disabled="!selectData.length"
|
||||
type="danger"
|
||||
@click="handleDelete(selectData)"
|
||||
>
|
||||
<template #icon>
|
||||
<icon name="el-icon-Delete" />
|
||||
</template>
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="mt-4" v-loading="pager.loading">
|
||||
<div>
|
||||
<el-table
|
||||
:data="pager.lists"
|
||||
size="large"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
<el-table-column label="ID" prop="id" />
|
||||
<el-table-column label="字典名称" prop="name" min-width="120" />
|
||||
<el-table-column label="字典类型" prop="type" min-width="120" />
|
||||
<el-table-column label="状态">
|
||||
<template v-slot="{ row }">
|
||||
<el-tag v-if="row.status == 1">正常</el-tag>
|
||||
<el-tag v-else type="danger">停用</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="备注" prop="remark" show-tooltip-when-overflow />
|
||||
<el-table-column label="创建时间" prop="create_time" min-width="180" />
|
||||
<el-table-column label="操作" width="190" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_type/edit']"
|
||||
link
|
||||
type="primary"
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
编辑
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_data/lists']"
|
||||
type="primary"
|
||||
link
|
||||
>
|
||||
<router-link
|
||||
:to="{
|
||||
path: getRoutePath('setting.dict.dict_data/lists'),
|
||||
query: {
|
||||
id: row.id
|
||||
}
|
||||
}"
|
||||
>
|
||||
数据管理
|
||||
</router-link>
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['setting.dict.dict_type/delete']"
|
||||
link
|
||||
type="danger"
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" @success="getLists" @close="showEdit = false" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="dictType">
|
||||
import { dictTypeDelete, dictTypeLists } from '@/api/setting/dict'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { getRoutePath } from '@/router'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
const showEdit = ref(false)
|
||||
const queryParams = reactive({
|
||||
name: '',
|
||||
type: '',
|
||||
status: ''
|
||||
})
|
||||
|
||||
const { pager, getLists, resetPage, resetParams } = usePaging({
|
||||
fetchFun: dictTypeLists,
|
||||
params: queryParams
|
||||
})
|
||||
|
||||
const selectData = ref<any[]>([])
|
||||
|
||||
const handleSelectionChange = (val: any[]) => {
|
||||
selectData.value = val.map(({ id }) => id)
|
||||
}
|
||||
|
||||
const handleAdd = async () => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('add')
|
||||
}
|
||||
|
||||
const handleEdit = async (data: any) => {
|
||||
showEdit.value = true
|
||||
await nextTick()
|
||||
editRef.value?.open('edit')
|
||||
editRef.value?.setFormData(data)
|
||||
}
|
||||
|
||||
// 删除角色
|
||||
const handleDelete = async (id: any[] | number) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await dictTypeDelete({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
@@ -0,0 +1,377 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
v-model="drawer"
|
||||
destroy-on-close
|
||||
:title="`${popupTitle}配置`"
|
||||
direction="rtl"
|
||||
size="50%"
|
||||
@close="afterClose"
|
||||
:before-close="beforeClose"
|
||||
>
|
||||
<div
|
||||
class="h-full flex flex-col"
|
||||
v-loading="loading"
|
||||
element-loading-text="加载中..."
|
||||
element-loading-background="var(--el-bg-color)"
|
||||
>
|
||||
<el-form ref="formRef" :model="formData" label-width="9rem" :rules="formRules">
|
||||
<el-form-item label="支付方式">
|
||||
<el-radio :value="popupTitle" :model-value="popupTitle">
|
||||
{{ popupTitle }}
|
||||
</el-radio>
|
||||
</el-form-item>
|
||||
<el-form-item label="显示名称" prop="name">
|
||||
<el-input
|
||||
v-model="formData.name"
|
||||
placeholder="请输入显示名称"
|
||||
style="max-width: 250px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="图标" prop="image">
|
||||
<div>
|
||||
<material-picker :limit="1" :disabled="false" v-model="formData.icon" />
|
||||
<div class="form-tips">建议尺寸：200*200px</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<template v-if="formData.pay_way == PayWayEnum.WECHAT">
|
||||
<el-form-item prop="config.interface_version" label="微信支付接口版本">
|
||||
<div>
|
||||
<el-radio-group v-model="formData.config.interface_version">
|
||||
<el-radio value="v3">V3</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="form-tips">暂时只支持V3版本</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="商户类型" prop="config.merchant_type">
|
||||
<div>
|
||||
<el-radio-group v-model="formData.config.merchant_type">
|
||||
<el-radio value="ordinary_merchant">普通商户</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="form-tips">
|
||||
暂时只支持普通商户类型，服务商户类型模式暂不支持
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="微信支付商户号" prop="config.mch_id">
|
||||
<div>
|
||||
<el-input
|
||||
v-model="formData.config.mch_id"
|
||||
placeholder="请输入微信支付商户号"
|
||||
style="max-width: 250px"
|
||||
/>
|
||||
<div class="form-tips">微信支付商户号（MCHID）</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="商户API密钥" prop="config.pay_sign_key">
|
||||
<div>
|
||||
<el-input
|
||||
v-model="formData.config.pay_sign_key"
|
||||
placeholder="请输入微信支付商户API密钥"
|
||||
style="max-width: 250px"
|
||||
/>
|
||||
<div class="form-tips">微信支付商户API密钥（paySignKey）</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="微信支付证书" prop="config.apiclient_cert">
|
||||
<div>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
v-model="formData.config.apiclient_cert"
|
||||
placeholder="请输入微信支付证书"
|
||||
style="max-width: 400px"
|
||||
/>
|
||||
|
||||
<div class="form-tips">
|
||||
微信支付证书（apiclient_cert.pem），前往微信商家平台生成并黏贴至此处
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="微信支付证书密钥" prop="config.apiclient_key">
|
||||
<div>
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
v-model="formData.config.apiclient_key"
|
||||
placeholder="请输入微信支付证书密钥"
|
||||
style="max-width: 400px"
|
||||
/>
|
||||
<div class="form-tips">
|
||||
微信支付证书密钥（apiclient_key.pem），前往微信商家平台生成并黏贴至此处
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="支付授权目录">
|
||||
<div>
|
||||
<div>
|
||||
<span class="mr-[20px]">https://前台手机域名地址/</span>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<template v-if="formData.pay_way == PayWayEnum.ALIPAY">
|
||||
<el-form-item label="模式" prop="config.mode">
|
||||
<div>
|
||||
<el-radio-group v-model="formData.config.mode">
|
||||
<el-radio value="normal_mode">普通模式</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="form-tips">暂时仅支持支付宝普通模式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="商户类型" prop="config.merchant_type">
|
||||
<div>
|
||||
<el-radio-group v-model="formData.config.merchant_type">
|
||||
<el-radio value="ordinary_merchant">普通商户</el-radio>
|
||||
</el-radio-group>
|
||||
<div class="form-tips">
|
||||
暂时只支持普通商户类型，服务商户类型模式暂不支持
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="应用ID" prop="config.app_id">
|
||||
<div class="flex-1">
|
||||
<el-input
|
||||
v-model="formData.config.app_id"
|
||||
placeholder="请输入支付宝应用ID"
|
||||
style="max-width: 250px"
|
||||
/>
|
||||
<div class="form-tips">支付宝应用APP_ID</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="应用私钥" prop="config.private_key">
|
||||
<div class="flex-1">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
v-model="formData.config.private_key"
|
||||
placeholder="请输入支付宝应用私钥"
|
||||
style="max-width: 400px"
|
||||
/>
|
||||
<div class="form-tips">支付宝应用私钥（private_key）</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="支付宝公钥" prop="config.ali_public_key">
|
||||
<div class="flex-1">
|
||||
<el-input
|
||||
type="textarea"
|
||||
:rows="3"
|
||||
v-model="formData.config.ali_public_key"
|
||||
placeholder="请输入支付宝公钥"
|
||||
style="max-width: 400px"
|
||||
/>
|
||||
<div class="form-tips">支付宝公钥（alipayCertPublicKey）</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</template>
|
||||
<el-form-item label="排序" prop="sort">
|
||||
<div>
|
||||
<el-input-number v-model="formData.sort" :min="0" :max="9999" />
|
||||
<div class="form-tips">默认为0， 数值越大越排前</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" :loading="isLock" @click="lockSubmit">保存</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import type { FormRules } from 'element-plus'
|
||||
import { ElForm, ElMessageBox } from 'element-plus'
|
||||
|
||||
import { getPayConfig, setPayConfig } from '@/api/setting/pay'
|
||||
import { useLockFn } from '@/hooks/useLockFn'
|
||||
import { useComponentRef } from '@/utils/getExposeType'
|
||||
|
||||
interface Config {
|
||||
interface_version?: string
|
||||
merchant_type?: string
|
||||
mch_id?: string
|
||||
pay_sign_key?: string
|
||||
apiclient_cert?: string
|
||||
apiclient_key?: string
|
||||
mode?: string
|
||||
app_id?: string
|
||||
private_key?: string
|
||||
ali_public_key?: string
|
||||
}
|
||||
|
||||
interface FormData {
|
||||
id: string
|
||||
pay_way: number
|
||||
name: string
|
||||
icon: string
|
||||
sort: number
|
||||
remark: string
|
||||
domain: string
|
||||
config: Partial<Config>
|
||||
}
|
||||
|
||||
enum PayWayEnum {
|
||||
BALANCE = 1,
|
||||
WECHAT = 2,
|
||||
ALIPAY = 3
|
||||
}
|
||||
|
||||
const drawer = ref(false)
|
||||
const formRef = useComponentRef(ElForm)
|
||||
const tenantId = ref<number>()
|
||||
const activeName = ref<'profile' | 'accounts' | 'users'>('profile')
|
||||
const editStatus = ref<boolean>(false)
|
||||
const loading = ref<boolean>(true)
|
||||
|
||||
const popupTitle = computed(() => {
|
||||
switch (formData.value.pay_way) {
|
||||
case PayWayEnum.BALANCE:
|
||||
return '余额支付'
|
||||
case PayWayEnum.WECHAT:
|
||||
return '微信支付'
|
||||
case PayWayEnum.ALIPAY:
|
||||
return '支付宝支付'
|
||||
default:
|
||||
return ''
|
||||
}
|
||||
})
|
||||
const formData = ref<FormData>({
|
||||
id: '',
|
||||
pay_way: 0,
|
||||
name: '',
|
||||
icon: '',
|
||||
sort: 0,
|
||||
remark: '',
|
||||
domain: '',
|
||||
config: {
|
||||
interface_version: '',
|
||||
merchant_type: '',
|
||||
mch_id: '',
|
||||
pay_sign_key: '',
|
||||
apiclient_cert: '',
|
||||
apiclient_key: '',
|
||||
mode: '',
|
||||
app_id: '',
|
||||
private_key: '',
|
||||
ali_public_key: ''
|
||||
}
|
||||
})
|
||||
|
||||
const formRules: FormRules = {
|
||||
name: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入显示名称'
|
||||
}
|
||||
],
|
||||
'config.mch_id': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入微信支付商户号'
|
||||
}
|
||||
],
|
||||
'config.pay_sign_key': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入微信支付商户API密钥'
|
||||
}
|
||||
],
|
||||
'config.apiclient_cert': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入微信支付证书'
|
||||
}
|
||||
],
|
||||
'config.apiclient_key': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入微信支付证书密钥'
|
||||
}
|
||||
],
|
||||
'config.app_id': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入支付宝应用ID'
|
||||
}
|
||||
],
|
||||
'config.private_key': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入支付宝应用私钥'
|
||||
}
|
||||
],
|
||||
'config.ali_public_key': [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入支付宝公钥'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const emits = defineEmits(['refresh'])
|
||||
|
||||
const openHandle = (id: number, status?: boolean, tabIndex?: 'profile' | 'accounts' | 'users') => {
|
||||
loading.value = true
|
||||
activeName.value = tabIndex || 'profile'
|
||||
editStatus.value = status || false
|
||||
getDetails(id)
|
||||
tenantId.value = id
|
||||
drawer.value = true
|
||||
}
|
||||
const getDetails = async (id: number) => {
|
||||
const data: FormData = await getPayConfig({
|
||||
id: id
|
||||
})
|
||||
if (!data.config) {
|
||||
data.config = formData.value.config
|
||||
}
|
||||
loading.value = false
|
||||
formData.value = data
|
||||
}
|
||||
|
||||
const beforeClose = (done: () => void) => {
|
||||
ElMessageBox.confirm('修改还未保存，确认退出编辑吗？')
|
||||
.then(() => {
|
||||
done()
|
||||
})
|
||||
.catch(() => {})
|
||||
}
|
||||
const afterClose = () => {
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
|
||||
const submitEdit = async () => {
|
||||
await formRef.value?.validate()
|
||||
await setPayConfig(formData.value)
|
||||
drawer.value = false
|
||||
emits('refresh')
|
||||
}
|
||||
|
||||
const { isLock, lockFn: lockSubmit } = useLockFn(submitEdit)
|
||||
|
||||
defineExpose({
|
||||
openHandle
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-tabs__content) {
|
||||
flex: 1;
|
||||
|
||||
.el-tab-pane {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
:deep(.el-form-item__content) {
|
||||
align-items: start;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-alert
|
||||
type="warning"
|
||||
title="温馨提示：设置系统支持的支付方式"
|
||||
:closable="false"
|
||||
show-icon
|
||||
/>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="mt-4 !border-none">
|
||||
<div>
|
||||
<el-table :data="payConfigList">
|
||||
<el-table-column prop="pay_way_name" label="支付方式" min-width="150" />
|
||||
<el-table-column prop="name" label="显示名称" min-width="150" />
|
||||
<el-table-column label="图标" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
:src="row.icon"
|
||||
alt="图标"
|
||||
style="width: 34px; height: 34px"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="sort" label="排序" min-width="150" />
|
||||
<el-table-column label="操作" min-width="80" fixed="right">
|
||||
<!-- 操作 -->
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['setting.pay.pay_config/setConfig']"
|
||||
link
|
||||
type="primary"
|
||||
@click="handleEdit(row)"
|
||||
>
|
||||
配置
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
<edit-popup v-if="showEdit" ref="editRef" @success="getConfig" @close="showEdit = false" />
|
||||
<Edit ref="editNewRef" @refresh="getConfig" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { getPayConfigLists } from '@/api/setting/pay'
|
||||
import { useComponentRef } from '@/utils/getExposeType'
|
||||
|
||||
import Edit from './edit.vue'
|
||||
|
||||
const editNewRef = useComponentRef(Edit)
|
||||
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const payConfigList = ref<any[]>([])
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
const showEdit = ref(false)
|
||||
const getConfig = async () => {
|
||||
const { lists } = await getPayConfigLists()
|
||||
payConfigList.value = lists
|
||||
}
|
||||
const handleEdit = async (data: any) => {
|
||||
editNewRef.value?.openHandle(data.id, false)
|
||||
}
|
||||
getConfig()
|
||||
</script>
|
||||
@@ -0,0 +1,138 @@
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<el-button
|
||||
type="primary"
|
||||
v-perms="['setting.pay.pay_way/setPayWay']"
|
||||
@click="handelSetupPayWay"
|
||||
>
|
||||
设置支付方式
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-card
|
||||
shadow="never"
|
||||
class="mt-4 !border-none"
|
||||
v-for="(value, scene) in payWay"
|
||||
:key="scene"
|
||||
>
|
||||
<div>
|
||||
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.MP_WEIXIN">
|
||||
微信小程序
|
||||
<span class="form-tips ml-[10px]">在微信小程序中付款的场景</span>
|
||||
</div>
|
||||
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.OA">
|
||||
微信公众号
|
||||
<span class="form-tips ml-[10px]">
|
||||
在微信公众号H5页面中付款的场景，公众号类型一般为服务号
|
||||
</span>
|
||||
</div>
|
||||
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.H5">
|
||||
H5支付
|
||||
<span class="form-tips ml-[10px]">在浏览器H5页面中付款的场景</span>
|
||||
</div>
|
||||
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.PC">
|
||||
PC支付
|
||||
<span class="form-tips ml-[10px]">在浏览器PC页面中付款的场景</span>
|
||||
</div>
|
||||
<div class="text-lg mb-[24px]" v-if="scene == PaySceneEnum.APP">
|
||||
APP支付
|
||||
<span class="form-tips ml-[10px]">在APP付款的场景</span>
|
||||
</div>
|
||||
<el-table v-if="value.length" :data="value" style="width: 100%">
|
||||
<el-table-column label="图标" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-image
|
||||
:src="row.icon"
|
||||
alt="图标"
|
||||
style="width: 34px; height: 34px"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="pay_way_name" label="支付方式" min-width="150" />
|
||||
<el-table-column label="默认支付" min-width="150">
|
||||
<template #default="{ row, $index }">
|
||||
<div>
|
||||
<template v-if="setupPayWay">
|
||||
<el-radio
|
||||
v-model="row.is_default"
|
||||
:label="1"
|
||||
@change="changePayDefault($index, scene)"
|
||||
>
|
||||
设为默认
|
||||
</el-radio>
|
||||
</template>
|
||||
<template v-else>
|
||||
<el-tag v-if="row.is_default == 1">默认</el-tag>
|
||||
<span v-else>-</span>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="开启状态" min-width="150">
|
||||
<template #default="{ row }">
|
||||
<el-switch
|
||||
v-if="setupPayWay"
|
||||
v-model="row.status"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
/>
|
||||
<span v-else>
|
||||
{{ row.status == 1 ? '开启' : '关闭' }}
|
||||
</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
<footer-btns v-if="setupPayWay">
|
||||
<el-button @click="handleCancel">取消</el-button>
|
||||
<el-button type="primary" @click="handleSubmit">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { cloneDeep } from 'lodash'
|
||||
|
||||
import { getPayWay, setPayWay } from '@/api/setting/pay'
|
||||
|
||||
enum PaySceneEnum {
|
||||
MP_WEIXIN = 1,
|
||||
OA = 2,
|
||||
H5 = 3,
|
||||
PC = 4,
|
||||
APP = 5
|
||||
}
|
||||
const payWay = ref<Record<number, any[]>>({})
|
||||
const setupPayWay = ref(false)
|
||||
let defaultPayWay = {}
|
||||
const getConfig = async () => {
|
||||
payWay.value = await getPayWay()
|
||||
defaultPayWay = cloneDeep(payWay.value)
|
||||
}
|
||||
|
||||
const handelSetupPayWay = () => {
|
||||
setupPayWay.value = true
|
||||
}
|
||||
|
||||
const changePayDefault = (index: number, scene: number) => {
|
||||
payWay.value[scene].forEach((item: any) => {
|
||||
item.is_default = 0
|
||||
})
|
||||
payWay.value[scene][index].is_default = 1
|
||||
}
|
||||
|
||||
const handleCancel = () => {
|
||||
payWay.value = cloneDeep(defaultPayWay)
|
||||
setupPayWay.value = false
|
||||
}
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await setPayWay(payWay.value)
|
||||
setupPayWay.value = false
|
||||
getConfig()
|
||||
}
|
||||
|
||||
getConfig()
|
||||
</script>
|
||||
@@ -0,0 +1,171 @@
|
||||
<template>
|
||||
<div class="hot-search">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form ref="formRef" :model="formData" label-width="100px">
|
||||
<el-form-item label="功能状态" style="margin-bottom: 0">
|
||||
<div>
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio :value="1">开启</el-radio>
|
||||
<el-radio :value="0">关闭</el-radio>
|
||||
</el-radio-group>
|
||||
|
||||
<div class="form-tips">默认开启，关闭则前端不显示该功能</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<div class="lg:flex">
|
||||
<div class="flex-1 min-w-0">
|
||||
<el-button type="primary" class="mb-4" @click="handleAdd">添加</el-button>
|
||||
<el-table size="large" :data="formData.data">
|
||||
<el-table-column label="关键词" prop="describe" min-width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input
|
||||
v-model="row.name"
|
||||
clearable
|
||||
placeholder="请输入关键字"
|
||||
show-word-limit
|
||||
maxlength="30"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="排序" prop="describe" min-width="160">
|
||||
<template #default="{ row }">
|
||||
<el-input v-model="row.sort" type="number" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" min-width="80" fixed="right">
|
||||
<template #default="{ $index }">
|
||||
<el-button
|
||||
v-perms="['setting:storage:edit']"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDel($index)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
|
||||
<div class="hot-search-phone mt-4 lg:mt-0 lg:ml-4 flex-none">
|
||||
<div class="mb-4 text-center">- 热搜预览图 -</div>
|
||||
<div class="hot-search-phone-content">
|
||||
<!-- 搜索框 -->
|
||||
<div class="search-com">
|
||||
<div class="search-con flex items-center px-[15px]">
|
||||
<icon name="el-icon-Search" :size="17" />
|
||||
<span class="ml-[5px]">请输入关键词搜索</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 热门搜索 -->
|
||||
<div class="hot-search-title">热门搜索</div>
|
||||
<div class="hot-search-text">
|
||||
<span v-for="(text, index) in list" :key="index">
|
||||
{{ text.name }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<footer-btns v-perms="['setting.hot_search/setConfig']">
|
||||
<el-button type="primary" @click="handleSave">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="search">
|
||||
import type { Search } from '@/api/setting/search'
|
||||
import { getSearch, setSearch } from '@/api/setting/search'
|
||||
|
||||
const formData = reactive<Search>({
|
||||
status: 1,
|
||||
data: []
|
||||
})
|
||||
|
||||
const list = computed(() => {
|
||||
return formData.data.filter((text) => text.name).sort((v1, v2) => v2.sort - v1.sort)
|
||||
})
|
||||
|
||||
// 获取登录注册数据
|
||||
const getData = async () => {
|
||||
try {
|
||||
const data = await getSearch()
|
||||
for (const key in formData) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('获取=>', error)
|
||||
}
|
||||
}
|
||||
|
||||
const handleAdd = () => {
|
||||
formData.data.push({
|
||||
name: '',
|
||||
sort: 0
|
||||
})
|
||||
}
|
||||
|
||||
const handleDel = (index: number) => {
|
||||
formData.data.splice(index, 1)
|
||||
}
|
||||
|
||||
const handleSave = async () => {
|
||||
try {
|
||||
await setSearch(formData)
|
||||
getData()
|
||||
} catch (error) {
|
||||
console.log('保存=>', error)
|
||||
}
|
||||
}
|
||||
|
||||
getData()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.hot-search {
|
||||
.hot-search-phone {
|
||||
width: 300px;
|
||||
background-color: #fff;
|
||||
&-content {
|
||||
width: 100%;
|
||||
height: 530px;
|
||||
padding: 12px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #e6e6e6;
|
||||
|
||||
.search-com {
|
||||
.search-con {
|
||||
height: 100%;
|
||||
height: 36px;
|
||||
border-radius: 36px;
|
||||
background: #f4f4f4;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
|
||||
.hot-search-title {
|
||||
padding: 10px 0;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.hot-search-text {
|
||||
span {
|
||||
font-size: 12px;
|
||||
border-radius: 100px;
|
||||
padding: 5px 10px;
|
||||
margin: 0 6px 6px 0;
|
||||
display: inline-block;
|
||||
background-color: #f4f4f4;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,196 @@
|
||||
<template>
|
||||
<div class="edit-popup">
|
||||
<popup
|
||||
ref="popupRef"
|
||||
title="设置存储"
|
||||
:async="true"
|
||||
width="550px"
|
||||
@confirm="handleSubmit"
|
||||
@close="handleClose"
|
||||
>
|
||||
<el-form ref="formRef" :model="formData" label-width="120px" :rules="formRules">
|
||||
<el-form-item label="存储方式" prop="engine">
|
||||
<div>
|
||||
<el-radio checked>{{ getStorageInfo?.name }} </el-radio>
|
||||
<div class="form-tips">{{ getStorageInfo?.tips }}</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<div v-if="formData.engine !== 'local'">
|
||||
<el-form-item label=" 存储空间名称" prop="bucket">
|
||||
<div class="flex-1">
|
||||
<el-input
|
||||
v-model="formData.bucket"
|
||||
placeholder="请输入存储空间名称(Bucket)"
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="ACCESS_KEY" prop="access_key">
|
||||
<el-input
|
||||
v-model="formData.access_key"
|
||||
placeholder="请输入ACCESS_KEY(AK)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="SECRET_KEY" prop="secret_key">
|
||||
<el-input
|
||||
v-model="formData.secret_key"
|
||||
placeholder="请输入SECRET_KEY(SK)"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="空间域名" prop="domain">
|
||||
<div class="flex-1">
|
||||
<div>
|
||||
<el-input
|
||||
v-model="formData.domain"
|
||||
placeholder="请输入空间域名(Domain)"
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
<div class="form-tips">
|
||||
请补全http://或https://，例如https://static.cloud.com
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="formData.engine == StorageEnum.QCLOUD"
|
||||
label="REGION"
|
||||
prop="region"
|
||||
>
|
||||
<el-input v-model="formData.region" placeholder="请输入region" clearable />
|
||||
</el-form-item>
|
||||
</div>
|
||||
<el-form-item label="状态" prop="status">
|
||||
<el-radio-group v-model="formData.status">
|
||||
<el-radio :value="0">关闭</el-radio>
|
||||
<el-radio :value="1">开启</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</popup>
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
import { storageSetup } from '@/api/setting/storage'
|
||||
import { storageDetail } from '@/api/setting/storage'
|
||||
import Popup from '@/components/popup/index.vue'
|
||||
|
||||
enum StorageEnum {
|
||||
LOCAL = 'local', // 本地
|
||||
QINIU = 'qiniu', // 七牛云
|
||||
ALIYUN = 'aliyun', // 阿里云OSS
|
||||
QCLOUD = 'qcloud' // 腾讯云OSS
|
||||
}
|
||||
|
||||
const emit = defineEmits(['success'])
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const popupRef = shallowRef<InstanceType<typeof Popup>>()
|
||||
const formData = reactive({
|
||||
engine: '',
|
||||
bucket: '',
|
||||
access_key: '',
|
||||
secret_key: '',
|
||||
domain: '',
|
||||
region: '', // 腾讯云需要
|
||||
status: 0
|
||||
})
|
||||
|
||||
const storageArr = [
|
||||
{
|
||||
name: '本地存储',
|
||||
type: StorageEnum.LOCAL,
|
||||
tips: '本地存储方式不需要配置其他参数'
|
||||
},
|
||||
{
|
||||
name: '七牛云存储',
|
||||
type: StorageEnum.QINIU,
|
||||
tips: '切换七牛云存储后，素材库需要重新上传至七牛云'
|
||||
},
|
||||
{
|
||||
name: '阿里云OSS',
|
||||
type: StorageEnum.ALIYUN,
|
||||
tips: '切换阿里云OSS后，素材库需要重新上传至阿里云OSS'
|
||||
},
|
||||
{
|
||||
name: '腾讯云OSS',
|
||||
type: StorageEnum.QCLOUD,
|
||||
tips: '切换腾讯云OSS后，素材库需要重新上传至腾讯云OSS'
|
||||
}
|
||||
]
|
||||
|
||||
const formRules = {
|
||||
bucket: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入存储空间名称',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
access_key: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入ACCESS_KEY',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
secret_key: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入SECRET_KEY',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
domain: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入空间域名',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
region: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入REGION',
|
||||
trigger: 'blur'
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
const getStorageInfo = computed(() => {
|
||||
return storageArr.find((item) => item.type == formData.engine)
|
||||
})
|
||||
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
await storageSetup(formData)
|
||||
popupRef.value?.close()
|
||||
emit('success')
|
||||
}
|
||||
|
||||
const getDetail = async () => {
|
||||
const data = await storageDetail({
|
||||
engine: formData.engine
|
||||
})
|
||||
for (const key in data) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
}
|
||||
|
||||
const open = (type: string) => {
|
||||
formData.engine = type
|
||||
popupRef.value?.open()
|
||||
getDetail()
|
||||
}
|
||||
|
||||
const handleClose = () => {
|
||||
formRef.value?.resetFields()
|
||||
}
|
||||
|
||||
defineExpose({
|
||||
open
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,75 @@
|
||||
<template>
|
||||
<div class="storage">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-alert type="warning" title="温馨提示：" :closable="false" show-icon>
|
||||
<template #default>
|
||||
<div>
|
||||
1.使用对象存储，需要将public目录下的资源文件保留原来目录路径传输到对象存储空间。
|
||||
</div>
|
||||
<div>2.请勿随意切换存储方式，可能导致图片无法查看。</div>
|
||||
<div>
|
||||
3.需要在对象存储后台设置域名跨域，否则图片生成场景无法使用，例海报合成等。
|
||||
</div>
|
||||
<div>
|
||||
4.需将对象存储的图片域名添加到微信小程序官方后台request合法域名和downloadFile合法域名。
|
||||
</div>
|
||||
</template>
|
||||
</el-alert>
|
||||
</el-card>
|
||||
<el-card class="!border-none mt-4" shadow="never" v-loading="state.loading">
|
||||
<el-table size="large" :data="state.lists">
|
||||
<el-table-column label="储存方式" prop="name" min-width="120" />
|
||||
<el-table-column label="储存位置" prop="path" min-width="160" />
|
||||
<el-table-column label="状态" min-width="80">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.status == 1">开启</el-tag>
|
||||
<el-tag type="danger" v-else>关闭</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" min-width="80" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<el-button
|
||||
v-perms="['setting.storage/setup']"
|
||||
type="primary"
|
||||
link
|
||||
@click="handleSet(row.engine)"
|
||||
>
|
||||
设置
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<edit-popup ref="editRef" @success="getLists" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup name="storage">
|
||||
import { storageLists } from '@/api/setting/storage'
|
||||
|
||||
import EditPopup from './edit.vue'
|
||||
|
||||
const editRef = shallowRef<InstanceType<typeof EditPopup>>()
|
||||
|
||||
// 列表数据
|
||||
const state = reactive({
|
||||
loading: false,
|
||||
lists: []
|
||||
})
|
||||
|
||||
// 获取存储引擎列表数据
|
||||
const getLists = async () => {
|
||||
try {
|
||||
state.loading = true
|
||||
state.lists = await storageLists()
|
||||
state.loading = false
|
||||
} catch (error) {
|
||||
state.loading = false
|
||||
}
|
||||
}
|
||||
|
||||
const handleSet = (engine: string) => {
|
||||
editRef.value?.open(engine)
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
@@ -0,0 +1,45 @@
|
||||
<!-- 系统缓存 -->
|
||||
<template>
|
||||
<div class="cache">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-alert
|
||||
type="warning"
|
||||
title="温馨提示：管理系统运行过程中产生的缓存"
|
||||
:closable="false"
|
||||
show-icon
|
||||
></el-alert>
|
||||
</el-card>
|
||||
|
||||
<el-card class="!border-none mt-4" shadow="never">
|
||||
<el-table :data="cacheDate" size="large">
|
||||
<el-table-column label="管理内容" prop="content" min-width="130"></el-table-column>
|
||||
<el-table-column label="内容说明" prop="desc" min-width="180"></el-table-column>
|
||||
<el-table-column label="操作" width="130" fixed="right">
|
||||
<template #default>
|
||||
<el-button type="primary" link @click="handleClean">清除系统缓存</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="cache">
|
||||
import { systemCacheClear } from '@/api/setting/system'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
// 列表数据
|
||||
const cacheDate = ref<Array<object>>([
|
||||
{
|
||||
content: '系统缓存',
|
||||
desc: '系统运行过程中产生的各类缓存数据'
|
||||
}
|
||||
])
|
||||
|
||||
// 清理缓存
|
||||
const handleClean = async () => {
|
||||
await feedback.confirm('确认清除系统缓存？')
|
||||
await systemCacheClear()
|
||||
window.location.reload()
|
||||
}
|
||||
</script>
|
||||
@@ -0,0 +1,80 @@
|
||||
<!-- 系统环境 -->
|
||||
<template>
|
||||
<div class="system-environment">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<div>服务器信息</div>
|
||||
<div class="mt-4">
|
||||
<el-table :data="info.server">
|
||||
<el-table-column prop="param" label="参数"></el-table-column>
|
||||
<el-table-column prop="value" label="值"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="!border-none mt-4">
|
||||
<div>PHP环境要求</div>
|
||||
<div class="mt-4">
|
||||
<el-table :data="info.env">
|
||||
<el-table-column prop="option" label="选项"></el-table-column>
|
||||
<el-table-column prop="require" label="要求"></el-table-column>
|
||||
<el-table-column label="状态">
|
||||
<template #default="scope">
|
||||
<icon
|
||||
v-if="scope.row.status"
|
||||
name="el-icon-Select"
|
||||
class="text-success"
|
||||
/>
|
||||
<icon v-else name="el-icon-CloseBold" class="text-danger" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="说明及帮助"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="!border-none mt-4">
|
||||
<div>目录权限</div>
|
||||
<div class="mt-4">
|
||||
<el-table :data="info.auth">
|
||||
<el-table-column prop="dir" label="选项"></el-table-column>
|
||||
<el-table-column prop="require" label="要求"></el-table-column>
|
||||
<el-table-column label="状态">
|
||||
<template #default="scope">
|
||||
<icon
|
||||
v-if="scope.row.status"
|
||||
name="el-icon-Select"
|
||||
class="text-success"
|
||||
/>
|
||||
<icon v-else name="el-icon-CloseBold" class="text-danger" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="remark" label="说明及帮助"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="environment">
|
||||
import { systemInfo } from '@/api/setting/system'
|
||||
|
||||
const info = reactive({
|
||||
server: [], // 服务器信息
|
||||
env: [], // PHP环境要求
|
||||
auth: [] // 目录权限
|
||||
})
|
||||
|
||||
const getSystemInfo = () => {
|
||||
systemInfo().then((res) => {
|
||||
info.server = res.server
|
||||
info.env = res.env
|
||||
info.auth = res.auth
|
||||
})
|
||||
}
|
||||
|
||||
onMounted(() => {
|
||||
getSystemInfo()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,146 @@
|
||||
<!-- 系统日志 -->
|
||||
<template>
|
||||
<div class="journal">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-form class="ls-form" :model="formData" inline>
|
||||
<el-form-item class="w-[280px]" label="管理员">
|
||||
<el-input
|
||||
placeholder="请输入"
|
||||
v-model="formData.admin_name"
|
||||
clearable
|
||||
@keyup.enter="resetPage"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item class="w-[280px]" label="访问方式">
|
||||
<el-select v-model="formData.type" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="(item, index) in visitType"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item class="w-[280px]" label="来源IP">
|
||||
<el-input
|
||||
placeholder="请输入"
|
||||
v-model="formData.ip"
|
||||
clearable
|
||||
@keyup.enter="resetPage"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="访问时间">
|
||||
<daterange-picker
|
||||
v-model:startTime="formData.start_time"
|
||||
v-model:endTime="formData.end_time"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item class="w-[280px]" label="访问链接">
|
||||
<el-input
|
||||
placeholder="请输入"
|
||||
v-model="formData.url"
|
||||
clearable
|
||||
@keyup.enter="resetPage"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="resetPage">查询</el-button>
|
||||
<el-button @click="resetParams">重置</el-button>
|
||||
<export-data
|
||||
class="ml-2.5"
|
||||
:fetch-fun="systemLogLists"
|
||||
:params="formData"
|
||||
:page-size="pager.size"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<el-card class="!border-none mt-4" shadow="never" v-loading="pager.loading">
|
||||
<div>
|
||||
<el-table :data="pager.lists" size="large">
|
||||
<el-table-column label="记录ID" prop="id" />
|
||||
<el-table-column label="操作" prop="action" min-width="120" />
|
||||
<el-table-column label="管理员" prop="admin_name" min-width="120" />
|
||||
<el-table-column label="管理员ID" prop="admin_id" min-width="120" />
|
||||
<el-table-column label="访问链接" prop="url" min-width="160" />
|
||||
<el-table-column label="访问方式" prop="type" />
|
||||
<el-table-column label="访问参数" prop="params" min-width="160" />
|
||||
<el-table-column label="来源IP" prop="ip" min-width="160" />
|
||||
<el-table-column label="日志时间" prop="create_time" min-width="180" />
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="flex mt-4 justify-end">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" name="journal">
|
||||
import { systemLogLists } from '@/api/setting/system'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
|
||||
interface formDataObj {
|
||||
admin_name?: string // 管理员
|
||||
url?: string // 访问链接
|
||||
ip?: string // ip
|
||||
type?: string // 访问方式
|
||||
start_time?: string // 日志时间开始
|
||||
end_time?: string // 日志时间结束
|
||||
}
|
||||
|
||||
// 查询表单
|
||||
const formData = ref<formDataObj>({
|
||||
admin_name: '',
|
||||
url: '',
|
||||
ip: '',
|
||||
type: '',
|
||||
start_time: '',
|
||||
end_time: ''
|
||||
})
|
||||
|
||||
// 访问方式
|
||||
const visitType = ref<Array<any>>([
|
||||
{
|
||||
label: '全部',
|
||||
value: ''
|
||||
},
|
||||
{
|
||||
label: 'get',
|
||||
value: 'get'
|
||||
},
|
||||
{
|
||||
label: 'post',
|
||||
value: 'post'
|
||||
},
|
||||
{
|
||||
label: 'put',
|
||||
value: 'put'
|
||||
},
|
||||
{
|
||||
label: 'delete',
|
||||
value: 'delete'
|
||||
},
|
||||
{
|
||||
label: 'option',
|
||||
value: 'option'
|
||||
}
|
||||
])
|
||||
|
||||
const { pager, getLists, resetParams, resetPage } = usePaging({
|
||||
fetchFun: systemLogLists,
|
||||
params: formData.value
|
||||
})
|
||||
|
||||
onMounted(() => {
|
||||
getLists()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,148 @@
|
||||
<template>
|
||||
<div class="article-edit">
|
||||
<el-card class="!border-none" shadow="never">
|
||||
<el-page-header :content="$route.meta.title" @back="$router.back()" />
|
||||
</el-card>
|
||||
<el-card class="mt-4 !border-none" shadow="never">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
class="ls-form"
|
||||
:model="formData"
|
||||
label-width="85px"
|
||||
:rules="rules"
|
||||
>
|
||||
<el-form-item label="名称" prop="name">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model="formData.name"
|
||||
placeholder="请输入名称"
|
||||
maxlength="30"
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="类型" prop="type">
|
||||
<el-radio-group v-model="formData.type">
|
||||
<el-radio :value="1">定时任务</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="命令" prop="command">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model="formData.command"
|
||||
placeholder="请输入thinkphp命令，如vresion"
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="参数" prop="params">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model="formData.params"
|
||||
placeholder="请输入参数，例:--id 8 --name 测试"
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-switch v-model="formData.status" :active-value="1" :inactive-value="2" />
|
||||
</el-form-item>
|
||||
<el-form-item label="规则" prop="expression">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
@blur="getExpression"
|
||||
v-model="formData.expression"
|
||||
placeholder="请输入crontab规则，例：5 9 * * *"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-table :data="expressionLists" style="max-width: 320px">
|
||||
<el-table-column prop="time" label="序号" min-width="80" />
|
||||
<el-table-column prop="date" label="执行时间" min-width="240" />
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model="formData.remark"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 3, maxRows: 6 }"
|
||||
:maxlength="200"
|
||||
show-word-limit
|
||||
clearable
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<footer-btns>
|
||||
<el-button type="primary" @click="handleSave">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="scheduledTaskEdit">
|
||||
import type { FormInstance } from 'element-plus'
|
||||
|
||||
import { crontabAdd, crontabDetail, crontabEdit, crontabExpression } from '@/api/setting/system'
|
||||
import useMultipleTabs from '@/hooks/useMultipleTabs'
|
||||
|
||||
const route = useRoute()
|
||||
const router = useRouter()
|
||||
const formData = reactive({
|
||||
id: '',
|
||||
name: '',
|
||||
command: '',
|
||||
expression: '',
|
||||
params: '',
|
||||
remark: '',
|
||||
status: 1,
|
||||
type: 1
|
||||
})
|
||||
|
||||
const { removeTab } = useMultipleTabs()
|
||||
const formRef = shallowRef<FormInstance>()
|
||||
const rules = reactive({
|
||||
name: [{ required: true, message: '请输入名称' }],
|
||||
command: [{ required: true, message: '请输入thankphp命令，如vresion' }],
|
||||
expression: [{ required: true, message: '请输入crontab规则，例：5 9 * * *' }]
|
||||
})
|
||||
|
||||
const getDetails = async () => {
|
||||
const data = await crontabDetail({
|
||||
id: route.query.id
|
||||
})
|
||||
Object.keys(formData).forEach((key) => {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
})
|
||||
}
|
||||
|
||||
const expressionLists = ref([])
|
||||
const getExpression = async () => {
|
||||
await formRef.value?.validateField(['expression'])
|
||||
const res = await crontabExpression({
|
||||
expression: formData.expression
|
||||
})
|
||||
expressionLists.value = res
|
||||
}
|
||||
|
||||
const handleSave = async () => {
|
||||
await formRef.value?.validate()
|
||||
if (route.query.id) {
|
||||
await crontabEdit(formData)
|
||||
} else {
|
||||
await crontabAdd(formData)
|
||||
}
|
||||
removeTab()
|
||||
router.back()
|
||||
}
|
||||
onMounted(async () => {
|
||||
if (!route.query.id) {
|
||||
return
|
||||
}
|
||||
await getDetails()
|
||||
await getExpression()
|
||||
})
|
||||
</script>
|
||||
@@ -0,0 +1,96 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card shadow="never" class="!border-none">
|
||||
<router-link
|
||||
v-perms="['crontab.crontab/add', 'crontab.crontab/add:edit']"
|
||||
:to="getRoutePath('crontab.crontab/add:edit')"
|
||||
>
|
||||
<el-button type="primary" class="mb-[16px]">
|
||||
<template #icon>
|
||||
<icon name="el-icon-Plus" />
|
||||
</template>
|
||||
新增
|
||||
</el-button>
|
||||
</router-link>
|
||||
|
||||
<el-table
|
||||
ref="paneTable"
|
||||
class="m-t-24"
|
||||
:data="pager.lists"
|
||||
v-loading="pager.loading"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column prop="name" label="名称" min-width="120" />
|
||||
<el-table-column prop="type_desc" label="类型" min-width="100" />
|
||||
<el-table-column prop="command" label="命令" min-width="100" />
|
||||
<el-table-column prop="params" label="参数" min-width="80" />
|
||||
<el-table-column prop="expression" label="规则" min-width="100" />
|
||||
<el-table-column prop="status" label="状态" min-width="100">
|
||||
<template #default="{ row }">
|
||||
<el-tag v-if="row.status == 1" type="success">运行中</el-tag>
|
||||
<el-tag v-if="row.status == 2" type="info">已停止</el-tag>
|
||||
<el-tag v-if="row.status == 3" type="danger">错误</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="error" label="错误原因" min-width="120" />
|
||||
<el-table-column prop="last_time" label="最后执行时间" width="180" />
|
||||
<el-table-column prop="time" label="时长" min-width="100" />
|
||||
<el-table-column prop="max_time" label="最大时长" min-width="100" />
|
||||
|
||||
<el-table-column label="操作" width="120" fixed="right">
|
||||
<template #default="{ row }">
|
||||
<div class="flex">
|
||||
<el-button type="primary" link>
|
||||
<router-link
|
||||
v-perms="['crontab.crontab/edit', 'crontab.crontab/add:edit']"
|
||||
:to="{
|
||||
path: getRoutePath('crontab.crontab/add:edit'),
|
||||
query: {
|
||||
id: row.id
|
||||
}
|
||||
}"
|
||||
>
|
||||
<el-button type="primary" link> 编辑 </el-button>
|
||||
</router-link>
|
||||
</el-button>
|
||||
<el-button
|
||||
v-perms="['crontab.crontab/delete']"
|
||||
type="danger"
|
||||
link
|
||||
@click="handleDelete(row.id)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="flex justify-end mt-4">
|
||||
<pagination v-model="pager" @change="getLists" />
|
||||
</div>
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="scheduledTask">
|
||||
import { crontabDel, crontabLists } from '@/api/setting/system'
|
||||
import { usePaging } from '@/hooks/usePaging'
|
||||
import { getRoutePath } from '@/router'
|
||||
import feedback from '@/utils/feedback'
|
||||
|
||||
const { pager, getLists } = usePaging({
|
||||
fetchFun: crontabLists,
|
||||
params: {}
|
||||
})
|
||||
|
||||
const handleDelete = async (id: number) => {
|
||||
await feedback.confirm('确定要删除？')
|
||||
await crontabDel({ id })
|
||||
getLists()
|
||||
}
|
||||
|
||||
getLists()
|
||||
</script>
|
||||
|
||||
<style lang="scss"></style>
|
||||
@@ -0,0 +1,174 @@
|
||||
<!-- 网站信息 -->
|
||||
<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="login_way">
|
||||
<div>
|
||||
<el-checkbox-group v-model="formData.login_way">
|
||||
<el-checkbox value="1">账号密码登录</el-checkbox>
|
||||
<el-checkbox value="2">手机验证码登录</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
<div class="form-tips">系统通用登录方式，至少选择一项</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="强制绑定手机" prop="coerce_mobile">
|
||||
<div>
|
||||
<el-switch
|
||||
v-model="formData.coerce_mobile"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
/>
|
||||
<span class="mt-1 ml-2">{{
|
||||
formData.coerce_mobile ? '开启' : '关闭'
|
||||
}}</span>
|
||||
|
||||
<div class="form-tips">
|
||||
1、如果开启，则新用户在注册完成之后要强制绑定手机号<br />
|
||||
2、老用户登录时如果检测到没有绑定手机，则要重新绑定手机号
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="政策协议" prop="login_agreement">
|
||||
<div>
|
||||
<el-switch
|
||||
v-model="formData.login_agreement"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
/>
|
||||
<span class="mt-1 ml-2">
|
||||
{{ formData.login_agreement ? '开启' : '关闭' }}
|
||||
</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="third_auth">
|
||||
<div>
|
||||
<el-switch
|
||||
v-model="formData.third_auth"
|
||||
:active-value="1"
|
||||
:inactive-value="0"
|
||||
/>
|
||||
<span class="mt-1 ml-2">
|
||||
{{ formData.third_auth ? '开启' : '关闭' }}
|
||||
</span>
|
||||
|
||||
<div class="form-tips">登录时支持第三方登录，新用户授权即自动注册账号</div>
|
||||
|
||||
<div>
|
||||
<el-checkbox
|
||||
v-model="formData.wechat_auth"
|
||||
:true-value="1"
|
||||
:false-value="0"
|
||||
>
|
||||
微信登录
|
||||
</el-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="微信开放平台">
|
||||
<div>
|
||||
<a href="https://open.weixin.qq.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.user.user/setRegisterConfig']">
|
||||
<el-button type="primary" @click="handleSubmit">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="loginRegister">
|
||||
import type { FormInstance, FormRules } from 'element-plus'
|
||||
|
||||
import type { LoginSetup } from '@/api/setting/user'
|
||||
import { getLogin, setLogin } from '@/api/setting/user'
|
||||
|
||||
const formRef = ref<FormInstance>()
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive<LoginSetup>({
|
||||
login_way: [],
|
||||
coerce_mobile: 0,
|
||||
login_agreement: 0,
|
||||
third_auth: 0,
|
||||
wechat_auth: 0,
|
||||
qq_auth: 0
|
||||
})
|
||||
|
||||
// 表单验证
|
||||
const rules = reactive<FormRules>({
|
||||
loginWay: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule: any, value: any, callback: any) => {
|
||||
const loginWay = formData.login_way.join('').length
|
||||
if (loginWay === 0) {
|
||||
callback(new Error('登录方式至少选择一项！'))
|
||||
} else {
|
||||
if (formData.login_way !== '') {
|
||||
if (!formRef.value) return
|
||||
formRef.value.validateField('checkPass')
|
||||
}
|
||||
callback()
|
||||
}
|
||||
},
|
||||
trigger: 'change'
|
||||
}
|
||||
],
|
||||
coerce_mobile: [{ required: true, trigger: 'blur' }],
|
||||
login_agreement: [{ required: true, trigger: 'blur' }],
|
||||
third_auth: [{ required: true, trigger: 'blur' }]
|
||||
})
|
||||
|
||||
// 获取登录注册数据
|
||||
const getData = async () => {
|
||||
try {
|
||||
const data = await getLogin()
|
||||
for (const key in formData) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('获取=>', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 保存登录注册数据
|
||||
const handleSubmit = async () => {
|
||||
await formRef.value?.validate()
|
||||
try {
|
||||
await setLogin(formData)
|
||||
getData()
|
||||
} catch (error) {
|
||||
console.log('保存=>', error)
|
||||
}
|
||||
}
|
||||
|
||||
getData()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,62 @@
|
||||
<!-- 网站信息 -->
|
||||
<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.user.user/setConfig']">
|
||||
<el-button type="primary" @click="handleSubmit">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="userSetup">
|
||||
import { getUserSetup, setUserSetup } from '@/api/setting/user'
|
||||
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
default_avatar: '' // 用户默认头像
|
||||
})
|
||||
|
||||
// 获取用户设置数据
|
||||
const getData = async () => {
|
||||
try {
|
||||
const data = await getUserSetup()
|
||||
for (const key in formData) {
|
||||
//@ts-ignore
|
||||
formData[key] = data[key]
|
||||
}
|
||||
} catch (error) {
|
||||
console.log('获取=>', error)
|
||||
}
|
||||
}
|
||||
|
||||
// 保存用户设置数据
|
||||
const handleSubmit = async () => {
|
||||
try {
|
||||
await setUserSetup(formData)
|
||||
getData()
|
||||
} catch (error) {
|
||||
console.log('保存=>', error)
|
||||
}
|
||||
}
|
||||
|
||||
getData()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,89 @@
|
||||
<!-- 备案信息 -->
|
||||
<template>
|
||||
<div class="website-filing">
|
||||
<el-card shadow="never" class="!border-none">
|
||||
<div class="mb-5">站点底部版权备案信息设置</div>
|
||||
<el-form ref="form" class="ls-form" label-width="100px">
|
||||
<del-wrap
|
||||
v-for="(item, index) in formData"
|
||||
class="mb-4"
|
||||
:key="index"
|
||||
:show-close="formData.length > 1"
|
||||
@close="handleDelete(index)"
|
||||
>
|
||||
<div class="py-4 bg-fill-lighter">
|
||||
<el-form-item label="显示名称" prop="icp_link">
|
||||
<div class="w-80">
|
||||
<div>
|
||||
<el-input v-model="item.key" placeholder="请输入名称" />
|
||||
</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="跳转链接" prop="icp_link">
|
||||
<div class="w-80">
|
||||
<div>
|
||||
<el-input
|
||||
v-model="item.value"
|
||||
placeholder="请输入链接，例如：http://www.beian.gov.cn"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-tips">跳转链接不设置，则不跳转</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</del-wrap>
|
||||
<div>
|
||||
<el-button type="primary" @click="handleAdd">
|
||||
<icon name="el-icon-Plus" />
|
||||
添加
|
||||
</el-button>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-card>
|
||||
|
||||
<footer-btns v-perms="['setting.web.web_setting/setCopyright']">
|
||||
<el-button type="primary" @click="handleSubmit">保存</el-button>
|
||||
</footer-btns>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup name="webFilling">
|
||||
import { getCopyright, setCopyright } from '@/api/setting/website'
|
||||
import feedback from '@/utils/feedback'
|
||||
// 表单数据
|
||||
const formData = ref([
|
||||
{
|
||||
key: '',
|
||||
value: ''
|
||||
}
|
||||
])
|
||||
|
||||
// 获取备案信息
|
||||
const getData = async () => {
|
||||
const data = await getCopyright()
|
||||
if (!data.length) return
|
||||
formData.value = data
|
||||
}
|
||||
|
||||
const handleAdd = () => {
|
||||
formData.value.push({
|
||||
key: '',
|
||||
value: ''
|
||||
})
|
||||
}
|
||||
|
||||
const handleDelete = (index: number) => {
|
||||
if (formData.value.length <= 1) {
|
||||
return feedback.msgError('至少保留一个')
|
||||
}
|
||||
formData.value.splice(index, 1)
|
||||
}
|
||||
|
||||
// 设置备案信息
|
||||
const handleSubmit = async () => {
|
||||
await setCopyright({ config: formData.value })
|
||||
getData()
|
||||
}
|
||||
|
||||
getData()
|
||||
</script>
|
||||
@@ -0,0 +1,228 @@
|
||||
<!-- 网站信息 -->
|
||||
<template>
|
||||
<div class="website-information">
|
||||
<el-form
|
||||
ref="formRef"
|
||||
:rules="rules"
|
||||
class="ls-form"
|
||||
:model="formData"
|
||||
label-width="120px"
|
||||
scroll-to-error
|
||||
>
|
||||
<el-card shadow="never" class="!border-none">
|
||||
<div class="text-xl font-medium mb-[20px]">后台设置</div>
|
||||
<el-form-item label="网站名称" prop="name">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model.trim="formData.name"
|
||||
placeholder="请输入网站名称"
|
||||
maxlength="30"
|
||||
show-word-limit
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站图标" prop="web_favicon" required>
|
||||
<div>
|
||||
<material-picker v-model="formData.web_favicon" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：100*100像素，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站LOGO" prop="web_logo" required>
|
||||
<div>
|
||||
<material-picker v-model.trim="formData.web_logo" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：100*100像素，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="登录页广告图" prop="login_image" required>
|
||||
<div>
|
||||
<material-picker v-model.trim="formData.login_image" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：100*100像素，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="!border-none mt-4">
|
||||
<div class="text-xl font-medium mb-[20px]">前台设置</div>
|
||||
<el-form-item label="前台名称" prop="shop_name">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model.trim="formData.shop_name"
|
||||
placeholder="请输入前台名称"
|
||||
maxlength="30"
|
||||
show-word-limit
|
||||
></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站图标" prop="web_favicon" required>
|
||||
<div>
|
||||
<material-picker v-model="formData.h5_favicon" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：100*100像素，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="前台LOGO" prop="shop_logo">
|
||||
<div>
|
||||
<material-picker v-model="formData.shop_logo" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：100*100px，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-card>
|
||||
<el-card shadow="never" class="!border-none mt-4">
|
||||
<div class="text-xl font-medium mb-[20px]">PC端设置</div>
|
||||
<el-form-item label="PC端LOGO" prop="pc_logo">
|
||||
<div>
|
||||
<material-picker v-model="formData.pc_logo" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：120*28px，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站标题" prop="pc_title">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model.trim="formData.pc_title"
|
||||
placeholder="请输入PC端网站标题"
|
||||
maxlength="30"
|
||||
show-word-limit
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站图标" prop="pc_ico">
|
||||
<div>
|
||||
<material-picker v-model="formData.pc_ico" :limit="1" />
|
||||
<div class="form-tips">建议尺寸：100*100像素，支持jpg，jpeg，png格式</div>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站描述" prop="pc_desc">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model.trim="formData.pc_desc"
|
||||
placeholder="请输入PC端网站描述"
|
||||
/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="网站关键词" prop="pc_keywords">
|
||||
<div class="w-80">
|
||||
<el-input
|
||||
v-model.trim="formData.pc_keywords"
|
||||
placeholder="请输入PC端网站关键词"
|
||||
/>
|
||||
</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 { getWebsite, setWebsite } from '@/api/setting/website'
|
||||
import useAppStore from '@/stores/modules/app'
|
||||
|
||||
const formRef = ref<FormInstance>()
|
||||
|
||||
const appStore = useAppStore()
|
||||
// 表单数据
|
||||
const formData = reactive({
|
||||
name: '', // 网站名称
|
||||
web_favicon: '', // 网站图标
|
||||
web_logo: '', // 网站logo
|
||||
login_image: '', // 登录页广告图
|
||||
h5_favicon: '',
|
||||
shop_name: '',
|
||||
shop_logo: '',
|
||||
pc_logo: '',
|
||||
pc_title: '',
|
||||
pc_desc: '',
|
||||
pc_ico: '',
|
||||
pc_keywords: ''
|
||||
})
|
||||
|
||||
// 表单验证
|
||||
const rules = {
|
||||
name: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入网站名称',
|
||||
trigger: ['blur']
|
||||
}
|
||||
],
|
||||
web_favicon: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择网站图标',
|
||||
trigger: ['change']
|
||||
}
|
||||
],
|
||||
web_logo: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择网站logo',
|
||||
trigger: ['change']
|
||||
}
|
||||
],
|
||||
login_image: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择登录页广告图',
|
||||
trigger: ['change']
|
||||
}
|
||||
],
|
||||
shop_name: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入店铺/商城名称',
|
||||
trigger: ['blur']
|
||||
}
|
||||
],
|
||||
shop_logo: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择商城LOGO',
|
||||
trigger: ['change']
|
||||
}
|
||||
],
|
||||
pc_logo: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择PC端LOGO',
|
||||
trigger: ['change']
|
||||
}
|
||||
],
|
||||
pc_title: [
|
||||
{
|
||||
required: true,
|
||||
message: '请输入PC端网站标题',
|
||||
trigger: ['blur']
|
||||
}
|
||||
],
|
||||
pc_ico: [
|
||||
{
|
||||
required: true,
|
||||
message: '请选择PC端网站图标',
|
||||
trigger: ['change']
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
// 获取备案信息
|
||||
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)
|
||||
appStore.getConfig()
|
||||
getData()
|
||||
}
|
||||
|
||||
getData()
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
@@ -0,0 +1,57 @@
|
||||
<template>
|
||||
<div class="xl:flex">
|
||||
<el-card class="!border-none flex-1 xl:mr-4 mb-4" shadow="never">
|
||||
<template #header>
|
||||
<span class="font-medium">服务协议</span>
|
||||
</template>
|
||||
<el-form :model="formData" label-width="80px">
|
||||
<el-form-item label="协议名称">
|
||||
<el-input v-model="formData.service_title" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<editor class="mb-10" v-model="formData.service_content" height="500"></editor>
|
||||
</el-card>
|
||||
<el-card class="!border-none flex-1 mb-4" shadow="never">
|
||||
<template #header>
|
||||
<span class="font-medium">隐私协议</span>
|
||||
</template>
|
||||
<el-form :model="formData" label-width="80px">
|
||||
<el-form-item label="协议名称">
|
||||
<el-input v-model="formData.privacy_title" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<editor class="mb-10" v-model="formData.privacy_content" height="500"></editor>
|
||||
</el-card>
|
||||
</div>
|
||||
<footer-btns v-perms="['setting.web.web_setting/setAgreement']">
|
||||
<el-button type="primary" @click="handleProtocolEdit">保存</el-button>
|
||||
</footer-btns>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts" naem="webProtocol">
|
||||
import { getProtocol, setProtocol } from '@/api/setting/website'
|
||||
|
||||
interface formDataObj {
|
||||
service_title: string
|
||||
service_content: string
|
||||
privacy_title: string
|
||||
privacy_content: string
|
||||
}
|
||||
const formData = ref<formDataObj>({
|
||||
service_title: '',
|
||||
service_content: '',
|
||||
privacy_title: '',
|
||||
privacy_content: ''
|
||||
})
|
||||
const protocolGet = async () => {
|
||||
formData.value = await getProtocol()
|
||||
}
|
||||
|
||||
const handleProtocolEdit = async (): Promise<void> => {
|
||||
await setProtocol({ ...formData.value })
|
||||
protocolGet()
|
||||
}
|
||||
protocolGet()
|
||||
</script>
|
||||
@@ -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>
|
||||
Reference in New Issue
Block a user