mirage
/
edu
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

代码格式化

This commit is contained in:
Jason 2022-09-16 16:31:24 +08:00
parent 2dfb13a694
commit 0dfb4050bc
8 changed files with 175 additions and 228 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
admin/src/api/channel/wx_oa.ts
View File

@ -10,36 +10,35 @@ export function getOaConfig() {
return request.get({ url: '/channel/oa/detail' })
}
export interface Menu {
name: string,
menuType?: number,
visitType?: string,
url?: string,
name: string
menuType?: number
visitType?: string
url?: string
appId?: string
pagePath?: string,
pagePath?: string
subButtons: Menu[] | any
}
/**
* @return { Promise }
* @return { Promise }
* @description 获取菜单
*/
export function getOaMenu() {
export function getOaMenu() {
return request.get({ url: '/channel/oaMenu/detail' })
}
/**
* @return { Promise }
* @return { Promise }
* @param { Menu } Menu
* @description 菜单保存
*/
export function setOaMenuSave(params: Menu | any) {
export function setOaMenuSave(params: Menu | any) {
return request.post({ url: '/channel/oaMenu/save', params })
}
/**
* @return { Promise }
* @return { Promise }
* @param { Menu } Menu
* @description 菜单发布
*/
@ -48,64 +47,63 @@ export function setOaMenuPublish(params: Menu | any) {
}
/**
* @return { Promise }
* @return { Promise }
* @param { string } type
* @description 获取回复列表
*/
export function getOaReplyList(params: { type: string } ) {
export function getOaReplyList(params: { type: string }) {
return request.get({ url: '/channel/oaReply/list', params })
}
/**
* @return { Promise }
* @return { Promise }
* @param { number } id
* @description 回复列表删除
*/
export function oaReplyDel(params: { id: number }) {
export function oaReplyDel(params: { id: number }) {
return request.post({ url: '/channel/oaReply/del', params })
}
/**
* @return { Promise }
* @return { Promise }
* @param { number } id
* @description 回复状态修改
*/
export function changeOaReplyStatus(params: { id: number } ) {
export function changeOaReplyStatus(params: { id: number }) {
return request.post({ url: '/channel/oaReply/status', params })
}
export interface Reply {
content: string; // 内容
contentType: number; // 内容类型: 1=文本
keyword?: string; // 关键词
matchingType?: number; // 匹配方式: [1=全匹配, 2=模糊匹配]
name: string; // 规则名称
status: number; // 状态: 1=开启, 0=关闭
type: string; // 类型: follow=关注, keyword=关键词, default=默认
sort: number // 排序
content: string // 内容
contentType: number // 内容类型: 1=文本
keyword?: string // 关键词
matchingType?: number // 匹配方式: [1=全匹配, 2=模糊匹配]
name: string // 规则名称
status: number // 状态: 1=开启, 0=关闭
type: string // 类型: follow=关注, keyword=关键词, default=默认
sort: number // 排序
}
/**
* @return { Promise }
* @return { Promise }
* @description 回复添加
*/
export function oaReplyAdd(params: Reply ) {
export function oaReplyAdd(params: Reply) {
return request.post({ url: '/channel/oaReply/add', params })
}
/**
* @return { Promise }
* @return { Promise }
* @description 回复编辑
*/
export function oaReplyEdit(params: Reply ) {
export function oaReplyEdit(params: Reply) {
return request.post({ url: '/channel/oaReply/edit', params })
}
/**
* @return { Promise }
* @return { Promise }
* @param { string } type
* @description 获取回复详情
*/
export function getOaReplyDetail(params: { id: number } ) {
export function getOaReplyDetail(params: { id: number }) {
return request.get({ url: '/channel/oaReply/detail', params })
}
}

12
admin/src/api/setting/search.ts
View File

@ -1,7 +1,7 @@
import request from '@/utils/request'
/**
* @return { Promise }
* @return { Promise }
* @description 获取热门搜索数据
*/
export function getSearch() {
@ -9,21 +9,19 @@ export function getSearch() {
}
export interface List {
name: string // 搜索关键字
sort: number // 热门搜索排序
name: string // 搜索关键字
sort: number // 热门搜索排序
}
export interface Search {
isHotSearch: number // 是否开启搜索0/1
isHotSearch: number // 是否开启搜索0/1
list: List[]
}
/**
* @return { Promise }
* @return { Promise }
* @param { Search } Search
* @description 设置热门搜索
*/
export function setSearch(params: Search) {
return request.post({ url: '/setting/search/save', params })
}

21
admin/src/api/setting/user.ts
View File

@ -1,7 +1,7 @@
import request from '@/utils/request'
/**
* @return { Promise }
* @return { Promise }
* @description 获取用户设置
*/
export function getUserSetup() {
@ -9,7 +9,7 @@ export function getUserSetup() {
}
/**
* @return { Promise }
* @return { Promise }
* @param { string } defaultAvatar 默认用户头像
* @description 设置用户设置
*/
@ -18,28 +18,25 @@ export function setUserSetup(params: { defaultAvatar: string }) {
}
/**
* @return { Promise }
* @return { Promise }
* @description 设置登录注册规则
*/
export function getLogin() {
return request.get({ url: '/setting/login/detail' })
}
export interface LoginSetup {
loginWay: number[] | any // 登录方式, 逗号隔开
forceBindMobile: number // 强制绑定手机 0/1
openAgreement: number // 是否开启协议 0/1
openOtherAuth: number // 第三方登录 0/1
autoLoginAuth: number[] | any // 第三方自动登录 逗号隔开
loginWay: number[] | any // 登录方式, 逗号隔开
forceBindMobile: number // 强制绑定手机 0/1
openAgreement: number // 是否开启协议 0/1
openOtherAuth: number // 第三方登录 0/1
autoLoginAuth: number[] | any // 第三方自动登录 逗号隔开
}
/**
* @return { Promise }
* @return { Promise }
* @param { LoginSetup } LoginSetup
* @description 设置登录注册规则
*/
export function setLogin(params: LoginSetup) {
return request.post({ url: '/setting/login/save', params })
}

50
admin/src/views/channel/wx_oa/menu_com/oa-attr.vue
View File

@ -1,9 +1,9 @@
<script lang="ts" setup>
import { useMenuOa } from "./useMenuOa";
import oaMenuForm from "./oa-menu-form.vue";
import oaMenuFormEdit from "./oa-menu-form-edit.vue";
import { useMenuOa } from './useMenuOa'
import oaMenuForm from './oa-menu-form.vue'
import oaMenuFormEdit from './oa-menu-form-edit.vue'
const menuRef = shallowRef();
const menuRef = shallowRef()
const {
menuList,
@ -11,8 +11,8 @@ const {
handleAddSubMenu,
handleEditSubMenu,
handleDelMenu,
handleDelSubMenu,
} = useMenuOa(menuRef);
handleDelSubMenu
} = useMenuOa(menuRef)
</script>
<template>
@ -22,9 +22,7 @@ const {
<div class="text-base oa-attr-title">菜单配置</div>
<del-wrap class="w-3/4" @close="handleDelMenu(menuIndex)">
<div
class="flex items-center w-full p-4 mt-4 rounded bg-fill-light"
>
<div class="flex items-center w-full p-4 mt-4 rounded bg-fill-light">
<oa-menu-form
ref="menuRef"
modular="master"
@ -40,57 +38,37 @@ const {
<ul>
<li
class="flex"
v-for="(
subItem, subIndex
) in attrItem.subButtons"
v-for="(subItem, subIndex) in attrItem.subButtons"
:key="subIndex"
style="padding: 8px"
>
<span class="mr-auto">{{
subItem.name
}}</span>
<span class="mr-auto">{{ subItem.name }}</span>
<!-- 编辑子菜单 -->
<oa-menu-form-edit
modular="edit"
:subItem="subItem"
@edit="
handleEditSubMenu($event, subIndex)
"
@edit="handleEditSubMenu($event, subIndex)"
>
<el-icon><EditPen /></el-icon>
</oa-menu-form-edit>
<!-- 删除子菜单 -->
<popup
@confirm="
handleDelSubMenu(
menuIndex,
subIndex
)
"
>
<popup @confirm="handleDelSubMenu(menuIndex, subIndex)">
是否删除当前子菜单？
<template #trigger>
<el-icon class="ml-5"
><Delete
/></el-icon>
<el-icon class="ml-5"><Delete /></el-icon>
</template>
</popup>
</li>
</ul>
<!-- 新增子菜单 -->
<oa-menu-form-edit
modular="add"
@add="handleAddSubMenu"
>
<oa-menu-form-edit modular="add" @add="handleAddSubMenu">
<el-button
type="primary"
link
:disabled="attrItem.subButtons.length >= 5"
>添加子菜单({{
attrItem.subButtons.length
}}/5)</el-button
>添加子菜单({{ attrItem.subButtons.length }}/5)</el-button
>
</oa-menu-form-edit>
</div>

52
admin/src/views/channel/wx_oa/menu_com/oa-menu-form-edit.vue
View File

@ -1,52 +1,52 @@
<script lang="ts" setup>
import oaMenuForm from "./oa-menu-form.vue";
import oaMenuForm from './oa-menu-form.vue'
const emit = defineEmits<{
(event: "add", value: any): void;
(event: "edit", value: any): void;
}>();
(event: 'add', value: any): void
(event: 'edit', value: any): void
}>()
const props = withDefaults(
defineProps<{
modular: string;
subItem?: any;
modular: string
subItem?: any
}>(),
{
modular: "edit",
subItem: {},
modular: 'edit',
subItem: {}
}
);
)
const menuFormEditRef = shallowRef();
const menuFromPopupRef = shallowRef();
const menuFormEditRef = shallowRef()
const menuFromPopupRef = shallowRef()
const form = {
name: "",
visitType: "view",
url: "",
appId: "",
pagePath: "",
};
name: '',
visitType: 'view',
url: '',
appId: '',
pagePath: ''
}
watchEffect(() => {
if (Object.keys(props.subItem).length != 0) {
for (const key in form) {
//@ts-ignore
form[key] = props.subItem[key];
form[key] = props.subItem[key]
}
}
});
})
const handleRules = async () => {
await menuFormEditRef.value.menuFormRef.validate();
if (props.modular === "edit") {
emit("edit", { ...form });
await menuFormEditRef.value.menuFormRef.validate()
if (props.modular === 'edit') {
emit('edit', { ...form })
} else {
emit("add", { ...form });
emit('add', { ...form })
}
menuFromPopupRef.value.close();
menuFormEditRef.value.menuFormRef.resetFields();
};
menuFromPopupRef.value.close()
menuFormEditRef.value.menuFormRef.resetFields()
}
</script>
<template>

96
admin/src/views/channel/wx_oa/menu_com/oa-menu-form.vue
View File

@ -1,34 +1,18 @@
<template>
<el-form
ref="menuFormRef"
:rules="rules"
:model="menuForm"
label-width="120px"
class="pr-10"
>
<el-form ref="menuFormRef" :rules="rules" :model="menuForm" label-width="120px" class="pr-10">
<!-- 菜单名称 -->
<el-form-item
:label="modular === 'master' ? '主菜单名称' : '子菜单名称'"
prop="name"
>
<el-form-item :label="modular === 'master' ? '主菜单名称' : '子菜单名称'" prop="name">
<el-input v-model="menuForm.name" />
</el-form-item>
<!-- 菜单类型 -->
<el-form-item
label="主菜单类型"
prop="menuType"
v-if="modular === 'master'"
>
<el-form-item label="主菜单类型" prop="menuType" v-if="modular === 'master'">
<el-radio-group v-model="menuForm.menuType">
<el-radio :label="1">不配置子菜单</el-radio>
<el-radio :label="2">配置子菜单</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
label=""
v-if="menuForm.menuType === 2 && modular === 'master'"
>
<el-form-item label="" v-if="menuForm.menuType === 2 && modular === 'master'">
<slot></slot>
</el-form-item>
@ -62,62 +46,62 @@
</template>
<script lang="ts" setup>
import { rules } from "./useMenuOa";
import type { FormInstance } from "element-plus";
import { rules } from './useMenuOa'
import type { FormInstance } from 'element-plus'
const emit = defineEmits([
"update:name",
"update:menuType",
"update:visitType",
"update:url",
"update:pagePath",
]);
'update:name',
'update:menuType',
'update:visitType',
'update:url',
'update:pagePath'
])
const props = withDefaults(
defineProps<{
modular?: string;
name?: string;
menuType?: number;
visitType?: string;
url?: string;
appId?: string;
pagePath?: string;
modular?: string
name?: string
menuType?: number
visitType?: string
url?: string
appId?: string
pagePath?: string
}>(),
{
modular: "master",
name: "",
modular: 'master',
name: '',
menuType: 1,
visitType: "view",
url: "",
appId: "",
pagePath: "",
visitType: 'view',
url: '',
appId: '',
pagePath: ''
}
);
)
const menuFormRef = shallowRef<FormInstance>();
const menuFormRef = shallowRef<FormInstance>()
// 表单数据
const menuForm = ref({ ...props });
const menuForm = ref({ ...props })
watch(
() => props,
(value) => {
menuForm.value = value;
menuForm.value = value
},
{ immediate: true }
);
)
watchEffect(() => {
if (props.modular === "master") {
emit("update:menuType", menuForm.value.menuType);
if (props.modular === 'master') {
emit('update:menuType', menuForm.value.menuType)
}
emit("update:name", menuForm.value.name);
emit("update:visitType", menuForm.value.visitType);
emit("update:url", menuForm.value.url);
emit("update:appId", menuForm.value.appId);
emit("update:pagePath", menuForm.value.pagePath);
});
emit('update:name', menuForm.value.name)
emit('update:visitType', menuForm.value.visitType)
emit('update:url', menuForm.value.url)
emit('update:appId', menuForm.value.appId)
emit('update:pagePath', menuForm.value.pagePath)
})
defineExpose({
menuFormRef,
});
menuFormRef
})
</script>

25
admin/src/views/channel/wx_oa/menu_com/oa-phone.vue
View File

@ -1,12 +1,12 @@
<script lang="ts" setup>
import { useMenuOa } from "./useMenuOa";
import useSettingStore from "@/stores/modules/setting";
import { useMenuOa } from './useMenuOa'
import useSettingStore from '@/stores/modules/setting'
// 菜单颜色（这里采用全局颜色）
const settingStore = useSettingStore();
const themeColor = computed(() => settingStore.theme || "#4A5DFF");
const settingStore = useSettingStore()
const themeColor = computed(() => settingStore.theme || '#4A5DFF')
const { menuList, menuIndex, handleAddMenu } = useMenuOa(useMenuOa);
const { menuList, menuIndex, handleAddMenu } = useMenuOa(useMenuOa)
</script>
<template>
@ -34,13 +34,9 @@ const { menuList, menuIndex, handleAddMenu } = useMenuOa(useMenuOa);
<!-- 二级菜单 -->
<div
class="oa-phone-menu-subitem"
v-show="
menuItem.subButtons.length && menuItem.menuType != 1
"
v-show="menuItem.subButtons.length && menuItem.menuType != 1"
>
<template
v-for="(subItem, index2) in menuItem.subButtons"
>
<template v-for="(subItem, index2) in menuItem.subButtons">
<div class="oa-phone-menu-subitem-title">
{{ subItem.name }}
</div>
@ -50,10 +46,7 @@ const { menuList, menuIndex, handleAddMenu } = useMenuOa(useMenuOa);
</template>
<!-- 新增菜单 -->
<template v-if="menuList.length <= 2">
<div
class="flex items-center justify-center flex-1 h-full"
@click="handleAddMenu"
>
<div class="flex items-center justify-center flex-1 h-full" @click="handleAddMenu">
<el-icon>
<Plus />
</el-icon>
@ -99,7 +92,7 @@ const { menuList, menuIndex, handleAddMenu } = useMenuOa(useMenuOa);
}
.active-menu::after {
content: "";
content: '';
width: 100%;
height: 41px;
top: -1px;

83
admin/src/views/channel/wx_oa/menu_com/useMenuOa.ts
View File

@ -1,11 +1,11 @@
import { ref } from "vue"
import { ref } from 'vue'
import feedback from '@/utils/feedback'
import type { FormRules } from "element-plus";
import { setOaMenuSave, getOaMenu, setOaMenuPublish } from "@/api/channel/wx_oa"
import type { Menu } from "@/api/channel/wx_oa"
import type { FormRules } from 'element-plus'
import { setOaMenuSave, getOaMenu, setOaMenuPublish } from '@/api/channel/wx_oa'
import type { Menu } from '@/api/channel/wx_oa'
// 菜单实例
export const menuRef = shallowRef();
export const menuRef = shallowRef()
// 菜单数据
const menuList = ref<Menu[]>([])
const menuIndex = ref<number>(0)
@ -15,56 +15,55 @@ export const rules = reactive<FormRules>({
name: [
{
required: true,
message: "必填项不能为空",
trigger: ["blur", "change"],
message: '必填项不能为空',
trigger: ['blur', 'change']
},
{
min: 1,
max: 12,
message: "长度限制12个字符",
trigger: ["blur", "change"],
},
message: '长度限制12个字符',
trigger: ['blur', 'change']
}
],
menuType: [
{
required: true,
message: "必填项不能为空",
trigger: ["blur", "change"],
},
message: '必填项不能为空',
trigger: ['blur', 'change']
}
],
visitType: [
{
required: true,
message: "必填项不能为空",
trigger: ["blur", "change"],
},
message: '必填项不能为空',
trigger: ['blur', 'change']
}
],
url: [
{
required: true,
message: "必填项不能为空",
trigger: ["blur", "change"],
},
message: '必填项不能为空',
trigger: ['blur', 'change']
}
],
appId: [
{
required: true,
message: "必填项不能为空",
trigger: ["blur", "change"],
},
message: '必填项不能为空',
trigger: ['blur', 'change']
}
],
pagePath: [
{
required: true,
message: "必填项不能为空",
trigger: ["blur", "change"],
},
],
});
message: '必填项不能为空',
trigger: ['blur', 'change']
}
]
})
export const useMenuOa = (ref: any) => {
if( ref ) menuRef.value = ref
if (ref) menuRef.value = ref
// 添加主菜单
const handleAddMenu = () => {
@ -73,7 +72,7 @@ export const useMenuOa = (ref: any) => {
menuType: 1,
visitType: 'view',
url: '',
appId: "",
appId: '',
pagePath: '',
subButtons: []
})
@ -81,8 +80,8 @@ export const useMenuOa = (ref: any) => {
// 添加子菜单
const handleAddSubMenu = (event?: Menu) => {
const index = menuIndex.value;
if(menuList.value[index].subButtons.length>=5) {
const index = menuIndex.value
if (menuList.value[index].subButtons.length >= 5) {
feedback.msgError('已添加上限～')
return
}
@ -91,7 +90,7 @@ export const useMenuOa = (ref: any) => {
// 编辑子菜单
const handleEditSubMenu = (event: Menu, subIndex: number) => {
const index = menuIndex.value;
const index = menuIndex.value
menuList.value[index].subButtons[subIndex] = event
}
@ -108,7 +107,7 @@ export const useMenuOa = (ref: any) => {
// 获取菜单
const getOaMenuFunc = async () => {
try {
menuList.value = await getOaMenu();
menuList.value = await getOaMenu()
} catch (error) {
console.log('获取菜单=>', error)
}
@ -116,15 +115,15 @@ export const useMenuOa = (ref: any) => {
// 保存菜单
const handleSave = async () => {
const refs = menuRef.value.value;
const refs = menuRef.value.value
for (let i = 0; i < refs.length; i++) {
try {
await refs[i].menuFormRef.validate()
} catch (error) {
menuIndex.value = i
feedback.msgError(`菜单${i+1}必填项不能为空～`)
feedback.msgError(`菜单${i + 1}必填项不能为空～`)
return
}
}
}
await setOaMenuSave(menuList.value)
feedback.msgSuccess('保存成功')
@ -132,20 +131,20 @@ export const useMenuOa = (ref: any) => {
// 保存菜单
const handlePublish = async () => {
const refs = menuRef.value.value;
const refs = menuRef.value.value
for (let i = 0; i < refs.length; i++) {
try {
await refs[i].menuFormRef.validate()
} catch (error) {
menuIndex.value = i
feedback.msgError(`菜单${i+1}必填项不能为空～`)
feedback.msgError(`菜单${i + 1}必填项不能为空～`)
return
}
}
}
await setOaMenuPublish(menuList.value)
feedback.msgSuccess('发布成功')
}
return {
menuList,
menuIndex,
@ -158,4 +157,4 @@ export const useMenuOa = (ref: any) => {
handleSave,
handlePublish
}
}
}