Compare commits

25 Commits

Author SHA1 Message Date
qsh
183416a1b3 sc 2025-08-20 11:46:34 +08:00
qsh
c786995532 sc 2025-08-12 11:05:11 +08:00
qsh
1d3b4944e5 sc 2025-08-11 18:39:20 +08:00
qsh
7f10d7bcd7 sc 2025-08-11 18:17:59 +08:00
qsh
21b8f1bb12 sc 2025-08-11 18:04:34 +08:00
qsh
5c53cabf22 sc 2025-08-05 17:15:53 +08:00
qsh
9b68a06bae sc 2025-07-17 14:42:31 +08:00
qsh
e620cc5cd6 sc 2025-06-17 10:35:05 +08:00
qsh
c4c4e49b39 sc 2025-06-13 15:18:00 +08:00
qsh
f0020d5c82 sc 2025-06-13 10:40:03 +08:00
qsh
03467e1d6e sc 2025-06-09 18:26:44 +08:00
qsh
15f83f7193 sc 2025-06-09 18:15:36 +08:00
qsh
e45cf7db0c sc 2025-06-06 11:15:05 +08:00
qsh
80d9e93e46 sc 2025-06-05 18:25:04 +08:00
qsh
ec34235cc2 sc 2025-06-04 18:05:16 +08:00
qsh
0409e9ef11 sc 2025-06-03 18:12:32 +08:00
qsh
f3293ef14d sc 2025-06-03 14:49:59 +08:00
qsh
26ff7cd434 sc 2025-06-03 12:16:54 +08:00
qsh
b15e0d0f8f sc 2025-05-29 16:18:18 +08:00
qsh
e5e86e24e5 sc 2025-05-28 12:04:02 +08:00
qsh
33965c55f9 sc 2025-05-27 10:54:59 +08:00
qsh
683bfa0d38 sc 2025-05-23 17:23:49 +08:00
qsh
83793b6591 sc 2025-05-19 14:26:58 +08:00
qsh
ab4d644526 sc 2025-05-19 11:38:58 +08:00
qsh
3e8a9220f6 sc 2025-05-19 11:26:55 +08:00
35 changed files with 2132 additions and 143 deletions

View File

@@ -4,11 +4,10 @@ VITE_NODE_ENV=development
VITE_DEV=true
# 请求路径
VITE_BASE_URL='http://localhost:48080'
# VITE_BASE_URL='http://localhost:48080'
# VITE_BASE_URL='http://47.98.161.246:48080'
# VITE_BASE_URL='http://114.55.169.15:48080'
#VITE_BASE_URL='http://114.215.207.150:48080'
VITE_BASE_URL='http://47.98.161.246:48080'
# VITE_BASE_URL='http://114.215.207.150:48080'
# 上传路径
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'

View File

@@ -4,10 +4,8 @@ VITE_NODE_ENV=production
VITE_DEV=false
# 请求路径
#VITE_BASE_URL='http://47.98.161.246:48080'
VITE_BASE_URL='http://localhost:48080'
# 上传路径
VITE_UPLOAD_URL='http://47.98.161.246:48080/admin-api/system/file/upload'

View File

@@ -39,6 +39,7 @@
"@vueuse/core": "^10.1.2",
"@wangeditor/editor": "^5.1.23",
"@wangeditor/editor-for-vue": "^5.1.10",
"@wangeditor/plugin-upload-attachment": "^1.1.0",
"@zxcvbn-ts/core": "^3.0.1",
"animate.css": "^4.1.1",
"axios": "^1.4.0",

61
src/api/okr/meeting.js Normal file
View File

@@ -0,0 +1,61 @@
import request from '@/config/axios'
export const createMeeting = (data) => {
return request.post({
url: '/admin-api/okr/meeting/add',
data,
isSubmitForm: true
// headers: { 'instance-id': 1016 }
})
}
// 修改
export const updateMeeting = (data) => {
return request.put({
url: '/admin-api/okr/meeting/update',
data
// headers: { 'instance-id': 1016 }
})
}
// 查询详情
export const getMeetingDetail = (params) => {
return request.get({
url: '/admin-api/okr/meeting/get',
params
// headers: { 'instance-id': 1016 }
})
}
// 取消会议
export const cancelMeeting = (data) => {
return request.put({
url: '/admin-api/okr/meeting/cancel',
data
// headers: { 'instance-id': 1016 }
})
}
// 分页查询
export const getMeetingPage = (params) => {
return request.get({
url: '/admin-api/okr/meeting/page',
params
// headers: { 'instance-id': 1016 }
})
}
// 刷新微信群列表
export const refreshWxGroupList = () => {
return request.get({
url: '/admin-api/system/wx/reFreshWeChatGroupList'
// headers: { 'instance-id': 1016 }
})
}
// 获取微信群聊列表
export const getWxGroupList = () => {
return request.get({
url: '/admin-api/system/wx/getWeChatGroupList'
// headers: { 'instance-id': 1016 }
})
}

View File

@@ -143,3 +143,12 @@ export const getChannelOptions = () => {
// headers: { 'instance-id': 1016 }
})
}
// 获取统计表中的合计信息
export const getOkrStatisticsTotal = (params) => {
return request.get({
url: '/admin-api/okr/node/data/count',
params
// headers: { 'instance-id': 1016 }
})
}

View File

@@ -42,7 +42,11 @@ const props = defineProps({
'undo', // 撤销
'redo', // 重做
'fullScreen'
]
],
insertKeys: {
index: 20, // 自定义插入的位置
keys: ['uploadAttachment'] // “上传附件”菜单
}
})
}
})
@@ -104,6 +108,12 @@ const editorConfig = computed((): IEditorConfig => {
},
autoFocus: false,
scroll: true,
// 在编辑器中,点击选中“附件”节点时,要弹出的菜单
hoverbarKeys: {
attachment: {
menuKeys: ['downloadAttachment'] // “下载附件”菜单
}
},
MENU_CONF: {
['uploadImage']: {
server: import.meta.env.VITE_UPLOAD_URL,
@@ -218,6 +228,52 @@ const editorConfig = computed((): IEditorConfig => {
customInsert(res: any, insertFn: InsertFnType) {
insertFn(res.data, 'video', res.data)
}
},
uploadAttachment: {
server: import.meta.env.VITE_UPLOAD_URL,
timeout: 20 * 1000, // 2s
fieldName: 'file',
// meta: { token: 'xxx', a: 100 }, // 请求时附加的数据
// metaWithUrl: true, // meta 拼接到 url 上
// headers: { Accept: 'text/x-json' },
// 自定义增加 http header
headers: {
Accept: '*',
Authorization: 'Bearer ' + getAccessToken(),
'tenant-id': getTenantId(),
'instance-id': getAppId()
},
maxFileSize: 20 * 1024 * 1024, // 20M
onBeforeUpload(file: File) {
console.log('onBeforeUpload', file)
return file // 上传 file 文件
// return false // 会阻止上传
},
onProgress(progress: number) {
console.log('onProgress', progress)
},
onSuccess(file: File, res: any) {
console.log('onSuccess', file, res)
},
onFailed(file: File, res: any) {
alert(res.message)
console.log('onFailed', file, res)
},
onError(file: File, err: Error, res: any) {
alert(err.message)
console.error('onError', file, err, res)
},
// 上传成功后,用户自定义插入文件
customInsert(res: any, file: File, insertFn: Function) {
console.log('customInsert', res)
// 插入附件到编辑器
insertFn(file.name, res.data)
// insertFn(res.data, `customInsert-${file.name}`, res.data)
}
}
},
uploadImgShowBase64: true

View File

@@ -41,9 +41,14 @@ import '@/plugins/tongji' // 百度统计
import Logger from '@/utils/Logger'
import VueDOMPurifyHTML from 'vue-dompurify-html'
import { Boot } from '@wangeditor/editor'
import attachmentModule from '@wangeditor/plugin-upload-attachment'
// 创建实例
const setupAll = async () => {
// 注册。要在创建编辑器之前注册,且只能注册一次,不可重复注册。
Boot.registerModule(attachmentModule)
const app = createApp(App)
await setupI18n(app)

View File

@@ -1,14 +1,14 @@
import router from './router'
import { isRelogin } from '@/config/axios/service'
import { getAccessToken, removeToken } from '@/utils/auth'
import { getAccessToken } from '@/utils/auth'
import { useTitle } from '@/hooks/web/useTitle'
import { useNProgress } from '@/hooks/web/useNProgress'
import { usePageLoading } from '@/hooks/web/usePageLoading'
import { useDictStoreWithOut } from '@/store/modules/dict'
import { useUserStoreWithOut } from '@/store/modules/user'
import { usePermissionStoreWithOut } from '@/store/modules/permission'
import { getTenantId, getAppId } from '@/utils/auth'
import cache from '@/plugins/cache'
import { useAppStoreWithOut } from '@/store/modules/app'
import { getTenantId, getAppId, setTenantId, setAppId } from '@/utils/auth'
const { start, done } = useNProgress()
@@ -20,58 +20,90 @@ const whiteList = ['/login', '/social-login', '/auth-redirect', '/bind', '/regis
router.beforeEach(async (to, from, next) => {
start()
loadStart()
if (getAppId() && to.query?.appId && getAppId() != to.query?.appId) {
removeToken()
cache?.local?.delete('appInfo')
cache?.local?.delete('roleRouters')
cache?.local?.delete('user')
cache?.local?.delete('App_ID')
next(`/login?tenantId=${to.query?.tenantId}&appId=${to.query?.appId}`)
} else {
if (getAccessToken()) {
if (to.path === '/login') {
next({ path: '/' })
} else {
// 获取所有字典
const dictStore = useDictStoreWithOut()
const userStore = useUserStoreWithOut()
const permissionStore = usePermissionStoreWithOut()
if (!dictStore.getIsSetDict) {
await dictStore.setDictMap()
}
if (!userStore.getIsSetUser) {
isRelogin.show = true
await userStore.setUserInfoAction()
isRelogin.show = false
// 后端过滤菜单
await permissionStore.generateRoutes()
permissionStore.getAddRouters.forEach((route) => {
router.addRoute(route) // 动态添加可访问路由表
})
const redirectPath = from.query.redirect || to.path
const redirect = decodeURIComponent(redirectPath)
const nextData = to.path === redirect ? { ...to, replace: true } : { path: redirect }
next(nextData)
} else {
next()
}
const userStore = useUserStoreWithOut()
if (to.path == '/login') {
userStore.resetState() // 重置用户信息状态
}
if (getAccessToken()) {
if (to.path === '/login') {
if (to.query?.tenantId && to.query?.appId) {
setApp(to.query.tenantId, to.query.appId)
await waitTime(1500)
}
next({ path: '/' })
} else {
if (whiteList.indexOf(to.path) !== -1) {
next()
// 获取所有字典
const dictStore = useDictStoreWithOut()
const permissionStore = usePermissionStoreWithOut()
if (!dictStore.getIsSetDict) {
await dictStore.setDictMap()
}
if (!userStore.getIsSetUser) {
isRelogin.show = true
await userStore.setUserInfoAction()
isRelogin.show = false
// 后端过滤菜单
await permissionStore.generateRoutes()
permissionStore.getAddRouters.forEach((route) => {
router.addRoute(route) // 动态添加可访问路由表
})
const redirectPath = from.query.redirect || to.path
const redirect = decodeURIComponent(redirectPath)
const nextData =
to.path === redirect
? { ...to, replace: true, query: to.query }
: { path: redirect, query: to.query }
next(nextData)
} else {
const tenantId = getTenantId()
const appId = getAppId()
if (tenantId && appId) {
next(`/oa/login?tenantId=${tenantId}&appId=${appId}&redirect=${to.fullPath}`) // 否则全部重定向到登录页
} else {
next(`/oa/login?redirect=${to.fullPath}`) // 否则全部重定向到登录页
next()
}
}
} else {
if (whiteList.indexOf(to.path) !== -1) {
next()
} else {
const tenantId = getTenantId() || to.query?.tenantId
const appId = getAppId() || to.query?.appId
if (tenantId && appId) {
let redirectPath = to.fullPath
const p = to.fullPath.split('?')
if (p.length > 1) {
// 过滤掉query参数中的tenantId和appId
redirectPath =
p[0] +
'?' +
p[1]
.split('&')
.filter((item) => !item.startsWith('tenantId=') && !item.startsWith('appId='))
.join('&')
}
next(`/login?tenantId=${tenantId}&appId=${appId}&redirect=${redirectPath}`) // 否则全部重定向到登录页
} else {
// next(`/login?redirect=${to.fullPath}`)
// 否则全部重定向到平台登陆页
window.location.href = 'https://cloud.ahduima.com/ss/login'
}
}
}
})
async function waitTime(seconds) {
return new Promise((resolve) => {
setTimeout(() => {
resolve()
}, seconds)
})
}
function setApp(tenantId, appId) {
setTenantId(tenantId)
setAppId(appId)
const appStore = useAppStoreWithOut()
appStore.setAppInfo(appId)
}
router.afterEach((to) => {
useTitle(to?.meta?.title)
done() // 结束Progress

View File

@@ -139,6 +139,16 @@ const remainingRouter: AppRouteRecordRaw[] = [
noTagsView: true
}
},
{
path: '/meeting-summary',
component: () => import('@/views/OKR/Meeting/MeetingSummary.vue'),
name: 'MeetingSummary',
meta: {
hidden: true,
title: '会议纪要',
noTagsView: true
}
},
{
path: '/sso',
component: () => import('@/views/Login/Login.vue'),

View File

@@ -0,0 +1,87 @@
const staticRouter: AppCustomRouteRecordRaw[] = [
{
icon: 'ep:calendar',
path: '/Okr',
component: '',
name: 'OKR',
componentName: '',
redirect: '',
parentId: 0,
visible: true,
alwaysShow: true,
children: [
{
icon: 'ep:finished',
path: 'okr-management',
name: 'OKR管理',
componentName: 'OkrManagement',
component: 'OKR/Management/index',
visible: true,
alwaysShow: true,
meta: {
title: 'OKR管理'
},
redirect: ''
},
{
icon: 'ep:alarm-clock',
path: 'okr-wait',
name: '待办事项',
componentName: 'OkrWait',
component: 'OKR/Wait/index',
meta: {
title: '待办事项'
},
visible: true,
alwaysShow: true,
redirect: ''
},
{
icon: 'ep:data-line',
path: 'okr-analysis',
name: 'OKR统计',
componentName: 'OkrAnalysis',
component: 'OKR/Analysis/index',
meta: {
title: 'OKR统计'
},
visible: true,
alwaysShow: true,
redirect: ''
},
{
icon: 'ep:data-board',
path: 'okr-meeting',
name: '会议管理',
componentName: 'OkrMeeting',
component: 'OKR/Meeting/index',
meta: {
title: '会议管理'
},
visible: true,
alwaysShow: true,
redirect: ''
},
{
icon: 'ep:data-board',
path: 'okr-meeting-info/:id',
name: '会议详情',
componentName: 'MeetingInfo',
component: 'OKR/Meeting/MeetingInfo',
meta: {
title: '会议详情'
},
visible: false,
alwaysShow: true,
redirect: '',
keepAlive: true
}
],
meta: {
title: 'OKR',
icon: 'ep:calendar'
}
}
]
export default staticRouter

View File

@@ -45,7 +45,7 @@ export const useDictStore = defineStore('dict', {
this.dictMap = dictMap
this.isSetDict = true
} else {
const res = await listSimpleDictData()
const res = (await listSimpleDictData()) || []
// 设置数据
const dictDataMap = new Map<string, any>()
res.forEach((dictData: DictDataVO) => {
@@ -75,7 +75,7 @@ export const useDictStore = defineStore('dict', {
},
async resetDict() {
cache.session.delete(CACHE_KEY.DICT_CACHE)
const res = await listSimpleDictData()
const res = (await listSimpleDictData()) || []
// 设置数据
const dictDataMap = new Map<string, any>()
res.forEach((dictData: DictDataVO) => {

View File

@@ -2,6 +2,7 @@ import { defineStore } from 'pinia'
import { store } from '../index'
import { cloneDeep } from 'lodash-es'
import remainingRouter from '@/router/modules/remaining'
import staticRouter from '@/router/modules/static'
import { generateRoute, flatMultiLevelRoutes } from '@/utils/routerHelper'
import { CACHE_KEY } from '@/hooks/web/useCache'
@@ -37,6 +38,25 @@ export const usePermissionStore = defineStore('permission', {
if (cache.local.get(CACHE_KEY.ROLE_ROUTERS)) {
res = cache.local.get(CACHE_KEY.ROLE_ROUTERS) as AppCustomRouteRecordRaw[]
}
const staticRouters = cloneDeep(staticRouter)
// 与动态路由比较,首先判断目录是否存在,如果存在就合并,并替换动态路由中的目录
staticRouters.forEach((item) => {
const index = res.findIndex((item2) => item2.path === item.path)
if (index !== -1) {
const arr = []
if (!item.children || item.children.length === 0) {
item.children = arr
}
if (res[index].children && res[index].children.length > 0) {
item.children = item.children.concat(res[index].children)
}
// routerMap[index].children = item.children
// 插入动态路由数组的第二位
res[index] = { ...res, ...item }
} else {
res = [...staticRouters, ...res]
}
})
const routerMap: AppRouteRecordRaw[] = generateRoute(res)
// 动态路由404一定要放到最后面
this.addRouters = routerMap.concat([
@@ -50,6 +70,7 @@ export const usePermissionStore = defineStore('permission', {
}
}
])
// 渲染菜单的所有路由
this.routers = cloneDeep(remainingRouter).concat(routerMap)
resolve()

View File

@@ -63,7 +63,7 @@ export const useUserStore = defineStore('admin-user', {
async loginOut() {
await loginOut()
removeToken()
cache.local.clear()
// cache.local.clear()
this.resetState()
},
resetState() {
@@ -75,6 +75,7 @@ export const useUserStore = defineStore('admin-user', {
avatar: '',
nickname: ''
}
cache.local.delete(CACHE_KEY.USER)
},
refresh() {
cache.local.delete(CACHE_KEY.USER)

View File

@@ -97,4 +97,13 @@
/* 去除 Firefox 中的指示器 */
.el-input__inner[type='number'] {
-moz-appearance: textfield;
}
.el-drawer__header {
padding: 16px 16px 8px 16px !important;
margin: 0 !important;
line-height: 24px !important;
font-size: 18px !important;
color: #303133 !important;
box-sizing: border-box !important;
// border-bottom: 1px solid #e8e8e8 !important;
}

View File

@@ -9,26 +9,34 @@ const RefreshTokenKey = 'REFRESH_TOKEN'
// 获取token
export const getAccessToken = () => {
// 此处与TokenKey相同此写法解决初始化时Cookies中不存在TokenKey报错
return cache.local.get(AccessTokenKey)
? cache.local.get(AccessTokenKey)
: cache.local.get('ACCESS_TOKEN')
return localStorage.getItem(AccessTokenKey)
? localStorage.getItem(AccessTokenKey)
: localStorage.getItem('ACCESS_TOKEN')
// return cache.local.get(AccessTokenKey)
// ? cache.local.get(AccessTokenKey)
// : cache.local.get('ACCESS_TOKEN')
}
// 刷新token
export const getRefreshToken = () => {
return cache.local.get(RefreshTokenKey)
return localStorage.getItem(RefreshTokenKey)
// return cache.local.get(RefreshTokenKey)
}
// 设置token
export const setToken = (token: TokenType) => {
cache.local.set(RefreshTokenKey, token.refreshToken)
cache.local.set(AccessTokenKey, token.accessToken)
localStorage.setItem(AccessTokenKey, token.accessToken)
localStorage.setItem(RefreshTokenKey, token.refreshToken)
// cache.local.set(RefreshTokenKey, token.refreshToken)
// cache.local.set(AccessTokenKey, token.accessToken)
}
// 删除token
export const removeToken = () => {
cache.local.delete(AccessTokenKey)
cache.local.delete(RefreshTokenKey)
localStorage.removeItem(AccessTokenKey)
localStorage.removeItem(RefreshTokenKey)
// cache.local.delete(AccessTokenKey)
// cache.local.delete(RefreshTokenKey)
}
/** 格式化tokenjwt格式 */

View File

@@ -220,3 +220,30 @@ export const removeNullField = (obj: Object) => {
}
return obj
}
import * as XLSX from 'xlsx'
import * as FileSaver from 'file-saver'
export const exportTableWithVue = (domId: any, fileName: String) => {
// const XLSX = require('xlsx')
// 使用 this.$nextTick 是在dom元素都渲染完成之后再执行
// this.$nextTick(function () {
// 设置导出的内容是否只做解析,不进行格式转换 false要解析 true:不解析
const xlsxParam = { raw: true }
const wb = XLSX.utils.table_to_book(document.querySelector(domId), xlsxParam)
const wbout = XLSX.write(wb, {
bookType: 'xlsx',
bookSST: true,
type: 'array'
})
try {
// 下载保存文件
FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), `${fileName}.xlsx`)
} catch (e) {
if (typeof console !== 'undefined') {
console.log(e, wbout)
}
}
return wbout
// });
}

View File

@@ -33,6 +33,7 @@
<el-select
v-model="formData.leaderUserId"
clearable
multiple
filterable
placeholder="请输入负责人"
>
@@ -136,13 +137,17 @@ const open = async (type: string, id?: number) => {
try {
formData.value = await DeptApi.getDept(id)
formData.value.remark = formData.value.remark || ''
formData.value.leaderUserId = formData.value.leaderUserId?.map((it) => it + '') || []
} finally {
formLoading.value = false
}
}
// 获得用户列表
getEmployeeSimpleList().then((data) => {
employeeOptions.value = data
employeeOptions.value = data.map((it) => ({
...it,
id: it.id + ''
}))
})
//实例
getSimpleAppList().then((data) => {
@@ -186,7 +191,7 @@ const resetForm = () => {
parentId: undefined,
name: undefined,
sort: 1,
leaderUserId: undefined,
leaderUserId: [],
status: CommonStatusEnum.ENABLE,
remark: undefined,
instanceId: undefined

View File

@@ -267,14 +267,18 @@ async function getList() {
return pre.concat(cur.userDingAttendanceRespVOList)
}, [])
} else {
tableList.value = data.list.map((it, index) => ({
...it,
userDingAttendanceRespVOList: it.userDingAttendanceRespVOList.sort((pre, cur) =>
pre.employeeName.localeCompare(cur.employeeName)
),
id: index + 1,
edit: it.status == 1 ? '2' : '0'
}))
tableList.value = data.list.map((it, index) => {
const arr = it.userDingAttendanceRespVOList.filter((user) => user.needAttendance)
return {
...it,
userDingAttendanceRespVOList: multiFieldSort(arr, [
{ key: 'dept' },
{ key: 'employeeName' }
]),
id: index + 1,
edit: it.status == 1 ? '2' : '0'
}
})
}
total.value = data.total
} catch (err) {
@@ -284,6 +288,32 @@ async function getList() {
}
}
function multiFieldSort(arr, fields) {
return arr.sort((a, b) => {
// 遍历每个排序字段
for (const field of fields) {
const { key, order = 'asc' } = field
const valueA = a[key]
const valueB = b[key]
// 处理不同类型的比较
let compareResult
if (typeof valueA === 'number' && typeof valueB === 'number') {
compareResult = valueA - valueB // 数字比较
} else {
compareResult = String(valueA).localeCompare(String(valueB)) // 字符串比较(兼容其他类型)
}
// 如果当前字段值不相等,直接返回比较结果(根据排序方向调整)
if (compareResult !== 0) {
return order === 'desc' ? -compareResult : compareResult
}
}
// 所有字段都相等,保持原有顺序
return 0
})
}
function spanMethod({ row, columnIndex }) {
if (row.userDingAttendanceRespVOList && row.userDingAttendanceRespVOList.length > 0) {
if (columnIndex === 0) {

View File

@@ -1,7 +1,96 @@
<template>
<div> 首页 </div>
<div>
<el-card shadow="never">
<el-skeleton :loading="loading" animated>
<el-row :gutter="20" justify="space-between">
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
<div class="flex items-center">
<img :src="avatar" alt="" class="w-40px h-40px rounded-[50%] mr-20px" />
<div class="text-20px text-700">
{{ t('workplace.welcome') }} {{ username }} {{ t('workplace.happyDay') }}
</div>
</div>
</el-col>
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
<div class="flex h-40px items-center justify-end <sm:mt-10px">
<div
class="px-8px text-right"
@click="router.push({ path: '/Okr/okr-wait', query: { type: 1 } })"
>
<div class="text-14px text-red-600 mb-20px">今日待办</div>
<CountTo
class="text-20px number-font"
:start-val="0"
:end-val="waitCount.dayEndAgentWorkNum"
:duration="2600"
/>
</div>
<el-divider direction="vertical" border-style="dashed" />
<div
class="px-8px text-right"
@click="router.push({ path: '/Okr/okr-wait', query: { type: 2 } })"
>
<div class="text-14px text-gray-400 mb-20px">我的待办</div>
<CountTo
class="text-20px number-font"
:start-val="0"
:end-val="waitCount.myAgentWorkNum"
:duration="2600"
/>
</div>
</div>
</el-col>
</el-row>
</el-skeleton>
</el-card>
</div>
</template>
<script setup lang="ts" name="Home">
import { useUserStore } from '@/store/modules/user'
import avatarImg from '@/assets/imgs/avatar.gif'
import { getWaitCount } from '@/api/okr/wait'
<script setup name="Home"></script>
const { t } = useI18n()
const userStore = useUserStore()
const router = useRouter() // 路由对象
const loading = ref(false)
const avatar = userStore.getUser.avatar ? userStore.getUser.avatar : avatarImg
const username = userStore.getUser.nickname
<style lang="scss" scoped></style>
function getWaitTargetCount() {
getWaitCount({}).then((res) => {
waitCount.value = res
})
}
const waitCount = ref({
dayEndAgentWorkNum: 0,
myAgentWorkNum: 0,
urgeAgentWorkNum: 0,
notifyNum: 0
})
const getAllApi = async () => {
await getWaitTargetCount()
loading.value = false
}
onMounted(() => {
getAllApi()
})
</script>
<style lang="scss" scoped>
@font-face {
font-family: numberFont;
src: url('@/assets/fonts/DISPLAY FREE TFB.ttf');
}
.number-font {
font-family: numberFont !important;
}
:deep(.el-card__header) {
padding: 10px;
}
</style>

View File

@@ -392,9 +392,10 @@ async function getList() {
} else {
tableList.value = data.list.map((it, index) => ({
...it,
userSalaryGrantRespVOList: it.userSalaryGrantRespVOList.sort((pre, cur) =>
pre.name.localeCompare(cur.name)
),
userSalaryGrantRespVOList: multiFieldSort(it.userSalaryGrantRespVOList, [
{ key: 'dept' },
{ key: 'name' }
]),
id: index + 1,
edit: it.status == 1 ? '2' : '0'
}))
@@ -407,6 +408,32 @@ async function getList() {
}
}
function multiFieldSort(arr, fields) {
return arr.sort((a, b) => {
// 遍历每个排序字段
for (const field of fields) {
const { key, order = 'asc' } = field
const valueA = a[key]
const valueB = b[key]
// 处理不同类型的比较
let compareResult
if (typeof valueA === 'number' && typeof valueB === 'number') {
compareResult = valueA - valueB // 数字比较
} else {
compareResult = String(valueA).localeCompare(String(valueB)) // 字符串比较(兼容其他类型)
}
// 如果当前字段值不相等,直接返回比较结果(根据排序方向调整)
if (compareResult !== 0) {
return order === 'desc' ? -compareResult : compareResult
}
}
// 所有字段都相等,保持原有顺序
return 0
})
}
const createSalaryRef = ref()
function craeteSalary() {
createSalaryRef.value.open()

View File

@@ -127,6 +127,8 @@ const formLogin = ref()
const { validForm } = useFormValid(formLogin)
const { setLoginState, getLoginState } = useLoginState()
const { currentRoute, push } = useRouter()
const route = useRoute()
const permissionStore = usePermissionStore()
const redirect = ref('')
const loginLoading = ref(false)
@@ -217,9 +219,12 @@ const handleLogin = async (params) => {
if (redirect.value.indexOf('sso') !== -1) {
window.location.href = window.location.href.replace('/login?redirect=', '')
} else {
push({ path: redirect.value || permissionStore.addRouters[0].path })
push({
path: redirect.value || permissionStore.addRouters[0].path,
query: route.redirectedFrom?.query
})
}
} catch {
} catch (err) {
loginLoading.value = false
} finally {
setTimeout(() => {
@@ -229,10 +234,12 @@ const handleLogin = async (params) => {
}
}
// const routerParams = ref(undefined)
watch(
() => currentRoute.value,
(route) => {
redirect.value = route?.query?.redirect
(route1) => {
redirect.value = route1?.redirectedFrom?.path
// routerParams.value = route?.redirectedFrom?.query
},
{
immediate: true

View File

@@ -0,0 +1,602 @@
<template>
<div>
<el-row class="mb-10px flex justify-between items-start">
<el-tree-select
v-model="searchForm.nodeId"
:data="peroidList"
:props="defaultProps"
:render-after-expand="false"
:default-expand-all="false"
check-strictly
style="width: 300px"
@change="nodeChange"
/>
<div class="flex justify-end flex-1">
<el-button type="info" @click="handleExport">导出</el-button>
<el-popover
ref="countRef"
placement="left"
:title="`${currentNode?.nodeName} 数据汇总`"
trigger="click"
width="500px"
v-model:visible="showCountPop"
>
<template #reference><el-button>数据汇总</el-button></template>
<el-table :data="countInfo" stripe>
<el-table-column prop="keyResultShowName" label="项目名称" />
<el-table-column prop="currentValue" label="当前值" width="90" />
<el-table-column prop="targetValue" label="预期值" width="90" />
<el-table-column label="完成度" width="150">
<template #default="{ row }">
<el-progress
:percentage="parseInt((row.currentValue / row.targetValue) * 100) || 0"
:color="customColors"
/>
</template>
</el-table-column>
</el-table>
</el-popover>
<el-button type="primary" @click="openDrawer(1, currentNode.nodeId, currentNode.nodeName)">
节点笔谈
</el-button>
</div>
</el-row>
<el-table
id="okrAnalysisTable"
:data="originList"
border
:span-method="objectSpanMethod"
:show-summary="!!tableKeywords"
@cell-click="handleClickCell"
>
<el-table-column prop="objectInfo.objectiveName" label="目标">
<template #default="{ row }">
{{ row.objectInfo.objectiveName }}
</template>
</el-table-column>
<!-- <el-table-column prop="objectiveId" label="占比" width="100px">
<template #default> 0 </template>
</el-table-column> -->
<el-table-column prop="keyResultShowName">
<template #header>
<div class="flex items-center justify-center">
<div class="flex-1 mr-10px">
<el-input
v-if="showTableSearch"
v-model="tableKeywords"
placeholder="请输入关键字"
size="small"
style="width: 100%"
clearable
@change="handleTableFilter"
/>
<div v-else>关键成果</div>
</div>
<el-button type="primary" size="small" @click="handleFilterTableClick">
{{ showTableSearch ? '取消' : '筛选' }}
</el-button>
</div>
</template>
<template #default="{ row }">
{{ row.sourceName ? `${row.sourceName}` : '' }} {{ row.keyResultShowName }}
</template>
</el-table-column>
<el-table-column prop="targetValue" label="目标值" width="100px" />
<el-table-column prop="currentValue" label="当前进度" width="100px" />
<el-table-column label="开始日期" width="120px">
<template #default>
{{ currentNode.startTime }}
</template>
</el-table-column>
<el-table-column prop="status" label="完成状态" width="100px">
<template #default="{ row }">
<el-tag v-if="row.currentValue >= row.targetValue" type="success">完成</el-tag>
<el-tag v-else type="danger">未完成</el-tag>
</template>
</el-table-column>
<el-table-column prop="muis" label="差值" width="100px">
<template #default="{ row }">
<span
:style="{
color: row.targetValue >= row.currentValue ? 'red' : '#333',
'font-weight': row.targetValue >= row.currentValue ? 'bold' : '500'
}"
>
{{ parseInt(row.targetValue - row.currentValue) }}
</span>
</template>
</el-table-column>
<el-table-column prop="complete" label="完成度" width="200px">
<template #default="{ row }">
<el-progress :percentage="parseInt(row.progress)" :color="customColors" />
</template>
</el-table-column>
<el-table-column prop="endTime" label="结束日期" width="120px">
<template #default>
{{ currentNode.endTime }}
</template>
</el-table-column>
<el-table-column prop="objectInfo.progress" label="目标完成度" width="100px" align="center">
<template #default="{ row }">
{{ parseInt(row.objectInfo.progress) }}%
<!-- <el-progress :percentage="parseInt(row.objectInfo.progress)" :color="customColors" /> -->
</template>
</el-table-column>
</el-table>
<el-drawer
v-if="showDrawer"
v-model="showDrawer"
:title="drawerTitle"
size="60vw"
direction="rtl"
append-to-body
destroy-on-close
>
<el-tabs v-model="currentType" @tab-click="searchCommentList()">
<el-tab-pane
v-for="item in commentTypeOptions"
:key="item.id"
:label="item.label"
:name="item.id"
>
<div v-if="item.id == currentType">
<div v-if="addNewComment">
<div class="flex justify-between items-center">
<div>
<el-button size="small" @click="addNewComment = false"> 取消 </el-button>
<el-button type="primary" size="small" @click="handleSaveComment">
发布
</el-button>
</div>
</div>
<div class="mt-10px" v-if="addNewComment">
<Editor
v-model:modelValue="form.commentValue"
height="300px"
:toolbarConfig="toolbarConfig"
/>
</div>
</div>
<el-button v-else type="primary" size="small" @click="handleInsertComment">
新增
</el-button>
<div
v-for="(it, index) in commentList"
:key="it.commentId"
class="border-b-1"
style="padding: 10px 5px"
>
<div
class="flex items-center justify-between overflow-hidden text-16px"
style="line-height: 30px"
>
<div class="flex items-center">
<el-avatar
shape="circle"
style="
background-color: var(--el-color-primary-light-3);
width: 30px;
height: 30px;
"
fit="fill"
>
<span class="text-12px">{{ it.creatorName.slice(-2) }}</span>
</el-avatar>
<div class="ml-10px text-16px">{{ it.creatorName }}</div>
</div>
</div>
<div class="ml-10px" v-dompurify-html="it.content"></div>
<div
class="ml-10px mt-10px flex items-center justify-between text-12px"
style="line-height: 20px; color: #aaa"
>
<div class="flex items-center">
<div class="flex items-center mr-50px">
<el-button link @click="good(it)">
<Icon
icon="fa:thumbs-o-up"
:size="16"
:color="it.currentUserIsLike ? 'var(--el-color-primary)' : '#333'"
/>
</el-button>
<span
class="ml-5px"
:style="{
color: it.currentUserIsLike ? 'var(--el-color-primary)' : '#333'
}"
>{{ it.likeCount }}</span
>
</div>
<div class="flex items-center mr-50px">
<el-button link @click="showChildComment(index)">
<Icon icon="ep:chat-dot-square" :size="16" color="#333" />
</el-button>
<span class="ml-5px" style="color: #333">{{ it.commentCount }}</span>
</div>
</div>
<div class="ml-10px text-13px text-gray-400">
{{ formatDate(it.createTime, 'YYYY-MM-DD HH:mm') }}
</div>
</div>
<!-- 评论 -->
<div
v-if="showCommentIndex == index"
class="bg-gray-100 pl-10px pr-10px pt-5px pb-5px"
style="margin: 10px 10px 0 10px; border-radius: 4px"
label="笔谈"
>
<div
v-for="subComment in it.children.sort((a, b) => a.createTime - b.createTime)"
:key="subComment.commentId"
class="text-14px"
style="line-height: 24px"
>
<span class="font-bold">{{ subComment.creatorName }}</span>
<span>
{{ subComment.content }}
</span>
</div>
<div class="mt-10px relative">
<!-- <el-input
v-model="form.commentValue"
placeholder="请输入评论"
type="textarea"
:autosize="{ minRows: 4 }"
clearable
size="small"
style="width: 100%"
/> -->
<el-mention
v-model="form.commentValue"
type="textarea"
:autosize="{ minRows: 4 }"
:options="employeeOptions"
style="width: 100%"
size="small"
whole
placeholder="请输入内容"
@select="handleMention"
>
<template #label="scope">
<div class="flex items-center justify-between h-full">
<span class="text-14px text-dark-700">{{ scope.item.name }}</span>
<span class="text-12px text-gray-400">{{ scope.item.dept }}</span>
</div>
</template>
</el-mention>
<el-button
type="primary"
size="small"
style="position: absolute; right: 2px; bottom: 2px"
@click="handleSendCommnet(index)"
>
发布
</el-button>
</div>
</div>
</div>
</div>
</el-tab-pane>
</el-tabs>
</el-drawer>
</div>
</template>
<script setup name="Analysis">
import { listToTree, findNode } from '@/utils/tree'
import { formatDate } from '@/utils/formatTime'
import { getAllNodeTree, getAllOkrPage, getOkrStatisticsTotal } from '@/api/okr/okr'
import { getEmployeeSimpleList } from '@/api/pers/employee'
import { cloneDeep } from 'lodash-es'
import {
getCommentTypeOptions,
createComment,
getCommentPage,
likeComment
} from '@/api/okr/comment'
import { exportTableWithVue } from '@/utils'
const message = useMessage()
const defaultProps = {
value: 'nodeId',
label: 'nodeName',
children: 'children'
}
const searchForm = ref({
nodeId: undefined
})
const currentNode = ref(undefined)
const showDrawer = ref(false)
const drawerTitle = ref('详情')
const customColors = [
{ color: 'rgb(196, 86.4, 86.4)', percentage: 20 },
{ color: 'rgb(196, 86.4, 86.4)', percentage: 40 },
{ color: 'rgb(237.5, 189.9, 118.5)', percentage: 60 },
{ color: 'rgb(159.5, 206.5, 255)', percentage: 80 },
{ color: 'rgb(179, 224.5, 156.5)', percentage: 100 }
]
const peroidList = ref([])
const showTableSearch = ref(false)
const tableKeywords = ref('')
handleSearchPeroid()
getOptions()
// 当前是否是叶子节点
// 如果不是叶子节点,则表格数据不可修改
const isCurrentLeafNode = ref(false)
function handleSearchPeroid() {
getAllNodeTree().then((resp) => {
if (resp.nodeId) {
peroidList.value = listToTree(resp?.tree || [], {
id: 'nodeId',
pid: 'parentId',
children: 'children'
})
nodeChange(resp.nodeId)
currentNode.value = (resp.tree || []).find((item) => item.nodeId === resp.nodeId)
} else {
message.warning('请先创建节点数据')
}
})
}
const showCountPop = ref(false)
function nodeChange(nodeId) {
if (nodeId) {
showTableSearch.value = false
tableKeywords.value = ''
searchForm.value.nodeId = nodeId
getOkrList()
getCountInfo()
currentNode.value = findNode(peroidList.value, (node) => {
return node.nodeId == nodeId
})
searchForm.value.creatorId = currentNode.value.creatorId
if (!currentNode.value.children || currentNode.value.children.length == 0) {
isCurrentLeafNode.value = true
} else {
isCurrentLeafNode.value = false
}
}
}
const originList = ref([])
const defaultTableList = ref([])
const spanObj = ref([])
function getOkrList() {
getAllOkrPage(searchForm.value).then((resp) => {
originList.value = []
spanObj.value = []
if (resp && resp.length) {
resp.map((o) => {
if (o.keyResults && o.keyResults.length) {
const arr = o.keyResults.map((k, index) => {
spanObj.value.push(index == 0 ? o.keyResults.length : 0)
const obj = cloneDeep(o)
delete obj.keyResults
return {
...k,
objectInfo: obj
}
})
originList.value = [...originList.value, ...arr]
}
})
defaultTableList.value = [...originList.value]
}
})
}
const countInfo = ref([])
function getCountInfo() {
getOkrStatisticsTotal({ nodeId: searchForm.value.nodeId }).then(async (resp) => {
countInfo.value = resp || []
// await nextTick(() =)
showCountPop.value = true
})
}
function objectSpanMethod({ column, rowIndex }) {
if (['目标', '目标完成度'].includes(column.label)) {
let _row = spanObj.value[rowIndex]
let _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
}
}
function handleClickCell(row, column) {
if (column.property === 'keyResultShowName') {
openDrawer(2, row.keyResultId, `${row.sourceName} ${row.keyResultShowName}`)
} else if (column.property === 'objectInfo.objectiveName') {
openDrawer(3, row.objectInfo.objectiveId, row.objectInfo.objectiveName)
}
}
const commentTypeOptions = ref([])
const currentType = ref(1) // 默认评论类型为1
function getOptions() {
getCommentTypeOptions().then((resp) => {
commentTypeOptions.value = (resp || []).sort((pre, cur) => pre.sort - cur.sort)
currentType.value = resp[0].id
})
getEmployeeSimpleList({ status: 0 }).then((resp) => {
employeeOptions.value = resp.map((item) => ({
...item,
label: item.name,
value: item.name
}))
})
}
const commentList = ref([])
const commentInfo = ref({
businessType: undefined,
businessId: undefined,
commentType: undefined,
pageSize: -1
})
function openDrawer(type, id, name) {
showDrawer.value = true
drawerTitle.value = `${name}】笔谈`
commentInfo.value = {
businessType: type,
businessId: id,
commentType: currentType.value,
pageSize: -1
}
searchCommentList()
}
function searchCommentList() {
commentInfo.value.commentType = currentType.value
getCommentPage(commentInfo.value).then((resp) => {
// commentList.value = resp.list
commentList.value = listToTree(resp.list, {
id: 'commentId',
pid: 'parentId',
children: 'children'
})
})
}
const showCommentIndex = ref(-1)
function showChildComment(index) {
showCommentIndex.value = showCommentIndex.value == index ? -1 : index
}
function good(item) {
likeComment(item.commentId).then(() => {
message.success('点赞成功')
searchCommentList()
})
}
const form = ref({
commentValue: '',
mentionedUserIdList: []
})
const employeeOptions = ref([])
function handleMention(item) {
form.value.mentionedUserIdList.push(item.id)
}
function handleSendCommnet(idx) {
try {
// 过滤掉删除的用户方式为遍历mentionedUserIdList查找评论中是否有对应的用户名
const userList = [...form.value.mentionedUserIdList]
const arr = []
userList.map((item) => {
if (form.value.commentValue.indexOf(`@${item.name}`) != -1) {
arr.push(item.id)
// 然后移除对应的用户名,防止有多个
form.value.commentValue = form.value.commentValue.replace(`@${item.name}`, '')
}
})
const data = {
businessType: commentInfo.value.businessType,
businessId: commentInfo.value.businessId,
commentType: currentType.value,
content: form.value.commentValue,
mentionedUserIdList: arr,
parentId: commentList.value[idx].commentId
}
createComment(data)
.then(() => {
message.success('创建成功')
searchCommentList()
})
.finally(() => {
form.value.commentValue = ''
})
} catch (error) {
console.log(error)
message.error('创建失败')
}
}
const addNewComment = ref(false)
function handleInsertComment() {
addNewComment.value = true
form.value.commentValue = commentTypeOptions.value.find(
(item) => item.id == currentType.value
).remark
}
const toolbarConfig = {
toolbarKeys: [
'bold', // 加粗
'underline', // 下划线
'italic', // 斜体
'color', // 文字颜色
'bgColor', // 背景色
'fontSize', // 字号
'bulletedList', // 无序列表
'numberedList', // 有序列表
'insertTable', // 插入表格
'insertLink', // 插入链接
'undo' // 撤销
]
}
function handleSaveComment() {
addNewComment.value = false
try {
const data = {
businessType: commentInfo.value.businessType,
businessId: commentInfo.value.businessId,
commentType: currentType.value,
content: form.value.commentValue,
mentionedUserIdList: form.value.mentionedUserIdList
}
createComment(data)
.then(() => {
message.success('创建成功')
searchCommentList()
})
.finally(() => {
form.value.commentValue = ''
})
} catch (error) {
message.error('创建失败')
}
}
function handleExport() {
exportTableWithVue('#okrAnalysisTable', `OKR分析报表-${currentNode.value.nodeName}`)
}
function handleTableFilter() {
console.log('tableKeywords', tableKeywords.value)
if (tableKeywords.value) {
originList.value = defaultTableList.value.filter(
(item) =>
item.keyResultShowName.includes(tableKeywords.value) ||
item.sourceName.includes(tableKeywords.value)
)
} else {
originList.value = [...defaultTableList.value]
}
}
function handleFilterTableClick() {
showTableSearch.value = !showTableSearch.value
if (!showTableSearch.value) {
tableKeywords.value = ''
originList.value = [...defaultTableList.value]
}
}
</script>
<style lang="scss" scoped></style>

View File

@@ -72,7 +72,7 @@ const isCurrentLeafNode = ref(false)
function handleSearchPeroid() {
getAllNodeTree().then((resp) => {
if (resp.nodeId) {
peroidList.value = listToTree(resp.tree, {
peroidList.value = listToTree(resp?.tree || [], {
id: 'nodeId',
pid: 'parentId',
children: 'children'
@@ -103,9 +103,14 @@ function nodeChange(nodeId) {
function getOkrList() {
getAllOkrPage(searchForm.value).then((resp) => {
const list = resp
nextTick(() => {
okrTableRef.value.prepareData(list)
})
if (list && list.length > 0) {
nextTick(() => {
okrTableRef.value.prepareData(list)
})
} else {
// 如果没有数据,清空表格
okrTableRef.value.prepareData([])
}
})
}

View File

@@ -143,7 +143,7 @@
</div>
</div>
</el-tab-pane>
<el-tab-pane label="评论" name="conclusion" key="conclusion">
<el-tab-pane label="笔谈" name="conclusion" key="conclusion">
<div class="relative overflow-y-auto" style="height: calc(100% - 50px)">
<div v-if="addNewComment">
<div class="flex justify-between items-center">
@@ -178,7 +178,7 @@
</div>
</div>
<el-button v-else type="primary" size="small" @click="handleInsertComment">
新增评论
新增笔谈
</el-button>
<div
v-for="(it, index) in commentList"
@@ -243,7 +243,7 @@
v-if="showCommentIndex == index"
class="bg-gray-100 pl-10px pr-10px pt-5px pb-5px"
style="margin: 10px 10px 0 10px; border-radius: 4px"
label="评论"
label="笔谈"
>
<div
v-for="subComment in it.children.sort((a, b) => a.createTime - b.createTime)"
@@ -274,7 +274,7 @@
style="width: 100%"
size="small"
whole
placeholder="请输入评论"
placeholder="请输入笔谈"
@select="handleMention"
>
<template #label="{ item }">
@@ -492,19 +492,20 @@ function handleSaveComment() {
businessType: 1,
businessId: nodeInfo.value.nodeId,
contentType: 1,
commentType: form.value.commentType,
content: form.value.commentValue,
mentionedUserIdList: form.value.mentionedUserIdList
}
createComment(data)
.then(() => {
message.success('评论成功')
message.success('笔谈成功')
searchCommentList()
})
.finally(() => {
form.value.commentValue = ''
})
} catch (error) {
message.error('评论失败')
message.error('笔谈失败')
}
}
const commentList = ref([])
@@ -552,20 +553,22 @@ function handleSendCommnet(idx) {
businessType: 1,
businessId: nodeInfo.value.nodeId,
contentType: 1,
commentType: form.value.commentType,
content: form.value.commentValue,
mentionedUserIdList: arr,
parentId: commentList.value[idx].commentId
}
createComment(data)
.then(() => {
message.success('评论成功')
message.success('创建成功')
searchCommentList()
})
.finally(() => {
form.value.commentValue = ''
})
} catch (error) {
message.error('评论失败')
console.log(error)
message.error('创建失败')
}
}
</script>

View File

@@ -1,7 +1,7 @@
<template>
<el-dialog
v-model="show"
width="900px"
width="88vw"
class="dialog-okr"
:show-close="false"
:close-on-click-modal="false"
@@ -255,6 +255,10 @@
<el-option label="公开" :value="1" />
<el-option label="仅上级可见" :value="2" />
</el-select>
<el-radio-group v-model="kr.isCount" class="ml-10px">
<el-radio :label="true" :value="true">参与统计</el-radio>
<el-radio :label="false" :value="false">不参与统计</el-radio>
</el-radio-group>
</div>
</div>
</div>
@@ -445,7 +449,7 @@ function resetForm() {
startTime: undefined,
endTime: undefined,
executor: [],
dataScope: 1
dataScope: 2
}
}
@@ -458,9 +462,9 @@ const emit = defineEmits(['success', 'close']) // 定义 success 事件,用于
function addObjective() {
objectList.value.push({
objectiveName: '',
executor: [],
executor: form.value.executor || [],
keyResults: [],
dataScope: 1
dataScope: form.value.dataScope || 2
})
}
@@ -477,7 +481,8 @@ function AddKR(idx) {
process: undefined,
currentValue: undefined,
executor: obj.executor,
dataScope: obj.dataScope
dataScope: obj.dataScope,
isCount: false
})
}
@@ -490,7 +495,7 @@ function removeKR(oIdx, krIdx) {
}
function addChildNode() {
childNodeList.value.push({ dataScope: 1 })
childNodeList.value.push({ dataScope: 2 })
}
function removeChildNode(idx) {
@@ -538,8 +543,8 @@ async function handleSave() {
.confirm('是否按照当前节点所选的多个执行人自动新增对应的员工节点?', {
type: 'warning',
showCancelButton: true,
cancelButtonText: '取消',
confirmButtonText: '确定'
cancelButtonText: '不新增员工节点',
confirmButtonText: '新增员工节点'
})
.then(() => {
saveOkrData(true)
@@ -572,24 +577,34 @@ async function saveOkrData(isAutoAddChild = false) {
2,
'0'
)}-${getLastDayOfMonth(defaultTime.getFullYear(), month)}`,
children: [
{
nodeName: `${month + 1}月第1周`,
children: []
},
{
nodeName: `${month + 1}月第2周`,
children: []
},
{
nodeName: `${month + 1}月第3周`,
children: []
},
{
nodeName: `${month + 1}月第4周`,
children: []
}
]
dataScope: form.value.dataScope,
executor: form.value.executor
// children: [
// {
// nodeName: `${month + 1}月第1周`,
// dataScope: form.value.dataScope,
// executor: form.value.executor,
// children: []
// },
// {
// nodeName: `${month + 1}月第2周`,
// dataScope: form.value.dataScope,
// executor: form.value.executor,
// children: []
// },
// {
// nodeName: `${month + 1}月第3周`,
// dataScope: form.value.dataScope,
// executor: form.value.executor,
// children: []
// },
// {
// nodeName: `${month + 1}月第4周`,
// dataScope: form.value.dataScope,
// executor: form.value.executor,
// children: []
// }
// ]
})
}
}

View File

@@ -53,7 +53,7 @@ handleSearchPeroid()
function handleSearchPeroid() {
getMyNodeTree().then((resp) => {
peroidList.value = listToTree(resp.tree, {
peroidList.value = listToTree(resp?.tree || [], {
id: 'nodeId',
pid: 'parentId',
children: 'children'
@@ -66,9 +66,14 @@ function handleSearchPeroid() {
function getOkrList() {
getMyOkrPage(searchForm.value).then((resp) => {
const list = resp
nextTick(() => {
okrTableRef.value.prepareData(list)
})
if (list && list.length > 0) {
nextTick(() => {
okrTableRef.value.prepareData(list)
})
} else {
// 如果没有数据,清空表格
okrTableRef.value.prepareData([])
}
})
}

View File

@@ -66,7 +66,7 @@ handleSearchPeroid()
function handleSearchPeroid() {
getMySonNodeTree({ userId: props.userId }).then((resp) => {
peroidList.value = listToTree(resp.tree, {
peroidList.value = listToTree(resp?.tree || [], {
id: 'nodeId',
pid: 'parentId',
children: 'children'
@@ -80,9 +80,14 @@ function getOkrList() {
...searchForm.value,
userId: props.userId
}).then((resp) => {
nextTick(() => {
okrTableRef.value.prepareData(resp)
})
if (resp && resp.length > 0) {
nextTick(() => {
okrTableRef.value.prepareData(resp)
})
} else {
// 如果没有数据,清空表格
okrTableRef.value.prepareData([])
}
})
}

View File

@@ -82,6 +82,10 @@ const okrList = ref([])
const helpList = ref([])
function prepareData(list) {
if (!list || !Array.isArray(list) || list.length === 0) {
okrList.value = []
return
}
helpList.value = []
expandedRows.value = {}
okrList.value = list.map((item) => {

View File

@@ -11,9 +11,9 @@
<el-tab-pane label="我负责的" name="0">
<MyDuty v-if="tabIndex == 0" />
</el-tab-pane>
<el-tab-pane label="待办事项" name="1">
<!-- <el-tab-pane label="待办事项" name="1">
<WaitTarget v-if="tabIndex == 1" />
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="全部目标" name="2">
<AllTarget v-if="tabIndex == 2" />
</el-tab-pane>
@@ -48,7 +48,7 @@ import AllTarget from './Components/AllTarget.vue'
import MyDuty from './Components/MyDuty.vue'
import MySon from './Components/MySon.vue'
import ObjectList from './Components/ObjectList.vue'
import WaitTarget from './Components/WaitTarget.vue'
// import WaitTarget from './Components/WaitTarget.vue'
import { getMyMemberList } from '@/api/okr/okr'

View File

@@ -0,0 +1,550 @@
<template>
<div>
<!-- <el-affix postion="top" :offset="95" v-if="!isDetail"> -->
<div class="flex justify-between mb-4 bg-white" v-if="!isDetail">
<b class="text-20px">{{ form.meetingId ? '修改会议' : '新增会议' }}</b>
<div>
<el-button @click="submit(true)">保存至草稿</el-button>
<el-button type="success" @click="submit(false)">保存</el-button>
</div>
</div>
<!-- </el-affix> -->
<el-form
:model="form"
ref="formRef"
:rules="rules"
label-width="120px"
v-loading="loading"
:disabled="!!isDetail"
>
<el-row :gutter="20">
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
<el-form-item label="会议主题" prop="meetingSubject">
<el-input v-model="form.meetingSubject" placeholder="请输入会议主题" clearable />
</el-form-item>
</el-col>
<el-col :xl="12" :lg="12" :md="12" :sm="24" :xs="24">
<el-form-item label="okr节点" prop="nodeId">
<el-tree-select
v-model="form.nodeId"
:data="peroidList"
:props="defaultProps"
:render-after-expand="false"
:default-expand-all="false"
check-strictly
clearable
placeholder="选择OKR节点"
style="width: 100%"
/>
</el-form-item>
</el-col>
<el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24">
<el-form-item label="会议时间" prop="startTime">
<el-date-picker
v-model="form.startTime"
type="datetime"
format="YYYY-MM-DD HH:mm"
value-format="YYYY-MM-DD HH:mm"
placeholder="请选择会议开始时间"
/>
</el-form-item>
</el-col>
<el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24">
<el-form-item label="预计结束时间" prop="expectEndTime">
<el-date-picker
v-model="form.expectEndTime"
type="datetime"
format="YYYY-MM-DD HH:mm"
value-format="YYYY-MM-DD HH:mm"
placeholder="请选择预计结束时间"
/>
</el-form-item>
</el-col>
<el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24">
<el-form-item label="会议地点" prop="meetingRoom">
<el-input v-model="form.meetingRoom" placeholder="请输入会议地点" clearable />
</el-form-item>
</el-col>
<el-col :xl="6" :lg="6" :md="12" :sm="12" :xs="24">
<el-form-item label="会议状态" prop="status">
<el-select v-model="form.status" placeholder="请选择会议状态" style="width: 100%">
<el-option label="未开始" value="1" />
<el-option label="已结束" value="2" />
<el-option label="已取消" value="3" disabled />
</el-select>
</el-form-item>
</el-col>
<el-col :span="24" :offset="0">
<el-form-item label="预约参会人员" prop="expectUsers">
<el-select
v-model="form.expectUsers"
placeholder="选择参会人员"
filterable
style="width: 100%"
multiple
@change="handleUserChange"
>
<el-option
v-for="item in userOptions"
:key="item.id"
:label="item.name"
:value="item.id"
:disabled="item.status == 1 || item.id == userStore.getUser.id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="24" :offset="0" v-if="form.meetingId">
<el-form-item label="实际参会人员" prop="actualUsers">
<el-checkbox-group v-model="form.actualUsers">
<el-checkbox
v-for="item in expectUserOptions"
:key="item.id"
:label="item.name"
:value="item.id"
>
{{ item.name }}
</el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-col>
<el-col :span="24" :offset="0" v-if="form.meetingId && !isAllActived">
<el-form-item label="缺席原因" prop="absentReason">
<el-input v-model="form.absentReason" placeholder="请输入缺席原因" />
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="20">
<el-col :xl="16" :lg="16" :md="24" :sm="24" :xs="24">
<el-tabs v-model="currentUserId" tab-position="top" @tab-click="userTabChange">
<el-tab-pane
v-for="item in form.meetingContentList"
:key="item.userId"
:label="item.userName"
:name="item.userId + ''"
/>
</el-tabs>
<el-tabs v-model="currentContentId" tab-position="left" addable @edit="handleTabsEdit">
<el-tab-pane
v-for="(item, index) in form.meetingContentList.find(
(it) => it.userId == currentUserId
)?.userMeetingContentList"
:key="index"
:label="'内容' + (index + 1)"
:name="index"
:closable="index > 0"
>
<div v-if="!!isDetail" v-dompurify-html="item.content" class="w-full"></div>
<Editor v-else v-model="item.content" height="500px" style="width: 100%" />
</el-tab-pane>
</el-tabs>
</el-col>
<el-col :xl="8" :lg="8" :md="24" :sm="24" :xs="24" v-if="!!form.meetingId">
<div v-if="!!isDetail" v-dompurify-html="form.meetingSummary" class="w-full"></div>
<div v-else>
<el-tabs v-model="summaryIdx" addable @edit="meetingSummaryEdit">
<el-tab-pane
v-for="(item, index) in form.meetingSummaryList"
:key="index"
:label="`会议纪要${index || ''}`"
:name="index"
:closable="index > 0"
>
<Editor
v-model="item.summary"
:toolbarConfig="toolbarConfig"
height="350px"
placeholder="请输入会议纪要"
style="width: 100%"
/>
<div class="mt-10px">
<el-form-item label="是否创建待办" label-width="auto">
<el-radio-group v-model="item.isCreateAgentWork">
<el-radio :label="true" :value="true"> 创建待办 </el-radio>
<el-radio :label="false" :value="false"> 不创建待办 </el-radio>
</el-radio-group>
</el-form-item>
</div>
<div class="flex items-center" v-if="item.isCreateAgentWork">
<el-select
class="flex-1"
v-model="item.agentUserList"
placeholder="选择执行人"
clearable
filterable
multiple
>
<el-option
v-for="it in userOptions"
:key="it.id"
:label="it.name"
:value="it.id"
:disabled="it.status == 1"
/>
</el-select>
<el-date-picker
class="flex-1 ml-10px"
v-model="item.endDate"
type="date"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="选择截止时间"
/>
</div>
</el-tab-pane>
</el-tabs>
<el-divider />
<div class="text-black text-12px">
如果选择创建待办请选择执行人及截止日期默认每天9:00循环提醒可于待办中修改
</div>
<div class="mt-10px">
<el-form-item label="会议纪要发送至群聊:" label-width="auto">
<el-select
filterable
clearable
v-model="form.wxId"
placeholder="请输入群聊名称"
style="width: 100%"
>
<el-option
v-for="item in groupOptions"
:key="item.wxGroupId"
:label="item.wxGroupName"
:value="item.wxGroupId"
/>
</el-select>
</el-form-item>
</div>
</div>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script setup name="MeetingInfo">
import { listToTree } from '@/utils/tree'
import { getAllNodeTree } from '@/api/okr/okr'
import { getWaitPage } from '@/api/okr/wait'
import * as MeetingApi from '@/api/okr/meeting'
import { formatDate } from '@/utils/formatTime'
import { getEmployeeSimpleList } from '@/api/pers/employee'
import { useTagsViewStore } from '@/store/modules/tagsView'
import { useUserStore } from '@/store/modules/user'
const route = useRoute()
const message = useMessage()
const tagsViewStore = useTagsViewStore()
const userStore = useUserStore()
const defaultProps = {
value: 'nodeId',
label: 'nodeName',
children: 'children'
}
const isDetail = route.query.isDetail
const currentUserId = ref(undefined)
const currentContentId = ref(0) // 默认选中第一个标签页
const summaryIdx = ref(0) // 会议纪要的索引
const toolbarConfig = {
toolbarKeys: []
}
onMounted(async () => {
getWxGroupOptions()
await getOptions()
if (route.params.id && route.params.id != 0) {
// 这里可以调用API获取会议详情数据
getMeetingInfo(route.params.id)
} else {
form.value.meetingContentList = [
{
userId: userStore.getUser.id + '',
userName: userStore.getUser.nickname,
userMeetingContentList: [
{
content: ''
}
]
}
]
currentContentId.value = 0
searchUserWait([userStore.getUser.id])
}
})
const peroidList = ref([])
function getOptions() {
return Promise.all([getAllNodeTree(), getEmployeeSimpleList()])
.then(([okrResp, employeeResp]) => {
peroidList.value = listToTree(okrResp?.tree || [], {
id: 'nodeId',
pid: 'parentId',
children: 'children'
})
userOptions.value = employeeResp.map((it) => ({ ...it, id: it.id + '' }))
form.value.expectUsers = [userStore.getUser.id + ''] // 默认添加当前用户为预约参会人员
// form.value.actualUsers = [userStore.getUser.id + '']
currentUserId.value = userStore.getUser.id + '' // 默认选中当前用户
})
.catch((error) => {
console.error('获取数据失败:', error)
})
}
const form = ref({
meetingId: undefined,
meetingSubject: '',
startTime: '',
meetingRoom: '',
expectEndTime: '',
expectUsers: [],
actualUsers: [],
okrNodeName: '',
status: '1',
meetingContent: '',
meetingSummary: '',
absentReason: '',
meetingContentList: [],
meetingSummaryList: []
})
const rules = {
meetingSubject: [{ required: true, message: '请输入会议主题', trigger: 'blur' }],
startTime: [{ required: true, message: '请选择会议开始时间', trigger: 'change' }],
expectEndTime: [{ required: true, message: '请选择预计结束时间', trigger: 'change' }],
meetingRoom: [{ required: true, message: '请输入会议地点', trigger: 'blur' }],
expectUsers: [{ required: true, message: '请选择参会人员', trigger: 'change' }]
}
const formRef = ref(null)
const userOptions = ref([])
const expectUserOptions = ref([])
const isAllActived = computed(() => {
// 判断实际参会人员是否包含所有预约参会人员
return form.value.expectUsers.every((item) => form.value.actualUsers.includes(item))
})
const loading = ref(false)
// 获取详情
const getMeetingInfo = async (meetingId) => {
try {
loading.value = true
// 调用API获取会议详情
const resp = await MeetingApi.getMeetingDetail({ meetingId })
loading.value = false
if (resp) {
let summaryList = []
if (resp.meetingSummaryList && resp.meetingSummaryList.length > 0) {
summaryList = resp.meetingSummaryList.map((item) => ({
...item,
isCreateAgentWork: !!item.isCreateAgentWork,
agentUserList: item.agentUserList ? item.agentUserList.map((it) => it + '') : []
}))
} else {
summaryList = [
{
summary: resp.meetingSummary || '',
agentUserList: [],
endDate: '',
isCreateAgentWork: true
}
]
}
form.value = {
...form.value,
...resp,
startTime: formatDate(resp.startTime, 'YYYY-MM-DD HH:mm'),
expectEndTime: formatDate(resp.expectEndTime, 'YYYY-MM-DD HH:mm'),
expectUsers: resp.expectUsers || [],
actualUsers: resp.actualUsers || [],
meetingSummaryList: summaryList
}
currentContentId.value = 0
expectUserOptions.value = userOptions.value.filter((user) =>
form.value.expectUsers.some((it) => it == user.id)
)
}
} catch (error) {
loading.value = false
console.error('获取会议详情失败:', error)
}
}
const groupOptions = ref([])
function getWxGroupOptions() {
MeetingApi.refreshWxGroupList().then(() => {
MeetingApi.getWxGroupList()
.then((resp) => {
groupOptions.value = resp || []
})
.catch((error) => {
console.error('获取微信群列表失败:', error)
})
})
}
function userTabChange() {
currentContentId.value = 0
}
function handleTabsEdit(targetName, action) {
if (action === 'add') {
form.value.meetingContentList.forEach((item) => {
if (item.userId == currentUserId.value) {
item.userMeetingContentList.push({
content: ''
})
}
})
} else if (action === 'remove') {
form.value.meetingContentList.forEach((item) => {
if (item.userId == currentUserId.value) {
item.userMeetingContentList.splice(targetName, 1)
// 如果删除的是当前选中的标签页,则切换到下一个标签页
if (currentContentId.value == targetName) {
currentContentId.value = targetName - 1
}
}
})
}
}
function meetingSummaryEdit(targetName, action) {
if (action === 'add') {
form.value.meetingSummaryList.push({
summary: '',
agentUserList: [],
endDate: '',
isCreateAgentWork: true
})
} else if (action === 'remove') {
form.value.meetingSummaryList.splice(targetName, 1)
summaryIdx.value = targetName - 1
}
}
const checkedUsers = ref([])
function handleUserChange(val) {
// 当预约参会人员变化时,更新实际参会人员选项
expectUserOptions.value = userOptions.value.filter((user) =>
form.value.expectUsers.some((it) => it == user.id)
)
if (!isDetail) {
form.value.actualUsers = [...form.value.expectUsers]
}
// 先过滤掉不存在的参会人员
form.value.meetingContentList = form.value.meetingContentList.filter((item) => {
return val.some((it) => it == item.userId)
})
// 再补充新增的
val.map((item) => {
if (!form.value.meetingContentList.some((it) => it.userId == item)) {
form.value.meetingContentList.push({
userId: item,
userName: userOptions.value.find((it) => it.id == item).name,
userMeetingContentList: [
{
content: ''
}
]
})
}
})
if (!form.value.meetingId) {
searchUserWait(val)
}
}
function searchUserWait(val) {
val.map((item) => {
if (!checkedUsers.value.includes(item)) {
checkedUsers.value.push(item)
// 新增会议时,根据参会人员拉取代办事项
getWaitPage({
pageNo: 1,
pageSize: -1,
workUserId: item,
creator: userStore.getUser.id,
completeStatus: 1
}).then((resp) => {
joinContent(resp.list)
})
}
})
}
function joinContent(arr) {
arr.map((wait) => {
let text = '<p>未完成事项:' + wait.title + '</p>'
text += wait.content
text += `<p>执行人:${wait.userNameStr}</p>`
text += `<p>截止日期:${formatDate(wait.endDate, 'YYYY-MM-DD')}</p>`
text += '<p><br></p>'
form.value.meetingContentList[0].userMeetingContentList[0].content =
text + form.value.meetingContentList[0].userMeetingContentList[0].content
})
}
const router = useRouter()
async function submit(isDraft = false) {
// 校验表单
if (!formRef.value) return
const valid = await formRef.value.validate()
if (!valid) return
try {
form.value.isDraft = isDraft
// 提交表单数据
if (form.value.meetingId) {
if (
form.value.status == 2 &&
form.value.meetingSummaryList.some((it) => it.summary.trim() == '')
) {
message.error('会议结束时,会议纪要不能为空')
return
} else {
let text = ''
form.value.meetingSummaryList.map((item, index) => {
if (form.value.meetingSummaryList.length > 1) {
text += '<p>会议纪要' + (index + 1) + '</p>'
}
text += item.summary
if (item.isCreateAgentWork) {
text += `<p>执行人:`
item.agentUserList.map((it) => {
if (it) {
text += `${userOptions.value.find((user) => user.id == it).name} `
}
})
text += '</p>'
text += `<p>截止日期:${item.endDate}</p>`
}
text += '<p><br></p>'
})
form.value.meetingSummary = text
}
// 更新会议
await MeetingApi.updateMeeting(form.value)
message.success('会议更新成功')
} else {
form.value.actualUsers = []
// 新增会议
await MeetingApi.createMeeting(form.value)
message.success('会议创建成功')
}
tagsViewStore.delView(route)
const visitedViews = tagsViewStore.getVisitedViews
const latestView = visitedViews.slice(-1)[0]
router.push(latestView)
} catch (error) {
console.error('保存会议数据失败:', error)
}
}
</script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,48 @@
<template>
<div>
<el-descriptions :column="1" border label-width="90px" class="w-full">
<el-descriptions-item label="会议主题">{{ meetingInfo.meetingSubject }}</el-descriptions-item>
<el-descriptions-item label="会议时间">{{ meetingInfo.startTime }}</el-descriptions-item>
<el-descriptions-item label="发起人">{{ meetingInfo.creatorName }}</el-descriptions-item>
<el-descriptions-item label="会议纪要">
<div v-dompurify-html="meetingInfo.meetingSummary"></div>
</el-descriptions-item>
</el-descriptions>
</div>
</template>
<script setup name="MeettingSummary">
import { getMeetingDetail } from '@/api/okr/meeting'
import { formatDate } from '@/utils/formatTime'
const route = useRoute()
onMounted(() => {
if (route.query.id && route.query.id != 0) {
// 这里可以调用API获取会议详情数据
getMeetingInfo(route.query.id)
} else {
console.error('会议不存在')
}
})
const meetingInfo = ref({})
const getMeetingInfo = async (meetingId) => {
try {
// 调用API获取会议详情
const resp = await getMeetingDetail({ meetingId })
if (resp) {
meetingInfo.value = {
meetingSubject: resp.meetingSubject,
meetingSummary: resp.meetingSummary,
startTime: formatDate(resp.startTime, 'YYYY-MM-DD HH:mm'),
creatorName: resp.creatorName
}
}
} catch (error) {
console.error('获取会议详情失败:', error)
}
}
</script>
<style lang="scss" scoped></style>

View File

@@ -0,0 +1,230 @@
<template>
<div>
<!-- 搜索条件主题会议状态会议时间时间段选择OKR节点 -->
<el-form :model="searchForm" inline label-width="0">
<el-form-item>
<el-input
v-model="searchForm.meetingSubject"
placeholder="会议主题"
style="width: 200px"
clearable
@keyup.enter="handleSearch"
/>
</el-form-item>
<el-form-item>
<el-input
v-model="searchForm.creator"
placeholder="发起人"
style="width: 120px"
clearable
@keyup.enter="handleSearch"
/>
</el-form-item>
<el-form-item>
<el-select
v-model="searchForm.status"
placeholder="会议状态"
style="width: 150px"
@change="handleSearch"
>
<el-option label="未开始" value="1" />
<el-option label="已结束" value="2" />
<el-option label="已取消" value="3" />
</el-select>
</el-form-item>
<el-form-item>
<el-date-picker
v-model="searchForm.dateRange"
type="daterange"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
start-placeholder="会议时间"
end-placeholder="会议时间"
@change="handleSearch"
/>
</el-form-item>
<el-form-item>
<el-tree-select
v-model="searchForm.nodeId"
:data="peroidList"
:props="defaultProps"
:render-after-expand="false"
:default-expand-all="false"
check-strictly
placeholder="选择OKR节点"
style="width: 300px"
clearable
@change="handleSearch"
/>
</el-form-item>
<el-form-item>
<el-button @click="handleSearch">查询</el-button>
<el-button type="primary" @click="handleAdd">预约会议</el-button>
</el-form-item>
</el-form>
<el-table :data="tableList" v-loading="loading" border stripe>
<el-table-column prop="meetingSubject" label="会议主题" />
<el-table-column prop="startTime" label="会议时间" width="170px" />
<el-table-column prop="meetingRoom" label="会议地点" width="140px" />
<el-table-column prop="creatorName" label="发起人" width="100px" />
<el-table-column prop="expectEndTime" label="预计结束时间" width="170px" />
<el-table-column prop="expectUserName" label="预约参会人员" />
<el-table-column prop="actualUserName" label="实际参会人员" />
<el-table-column prop="nodeName" label="关联OKR节点" width="150px" />
<el-table-column prop="status" label="会议状态" width="100px">
<template #default="{ row }">
<el-tag :type="['', 'info', 'success', 'warning'][row.status]" size="small">
{{ ['', '未开始', '已结束', '已取消'][row.status] }}
</el-tag>
</template>
</el-table-column>
<el-table-column fixed="right" label="操作" width="140">
<template #default="{ row }">
<template v-if="row.status == 1 && row.creator == currentUserId">
<el-button type="primary" style="padding: 0" text @click="handleEdit(row.meetingId)">
修改
</el-button>
<el-button type="danger" text style="padding: 0" @click="handleCancel(row)">
取消
</el-button>
</template>
<el-button
v-else
type="primary"
style="padding: 0"
text
@click="handleDetail(row.meetingId)"
>
详情
</el-button>
</template>
</el-table-column>
</el-table>
<Pagination
v-model:limit="searchForm.pageSize"
v-model:page="searchForm.pageNo"
:total="total"
@pagination="getList"
/>
</div>
</template>
<script setup name="Meeting">
import { listToTree } from '@/utils/tree'
import { useUserStore } from '@/store/modules/user'
import { getAllNodeTree } from '@/api/okr/okr'
import * as MeetingApi from '@/api/okr/meeting'
const currentUserId = useUserStore().getUser.id
const defaultProps = {
value: 'nodeId',
label: 'nodeName',
children: 'children'
}
const message = useMessage()
const searchForm = ref({
meetingSubject: undefined,
creator: undefined,
status: '1',
dateRange: [],
nodeId: undefined,
pageNo: 1,
pageSize: 50
})
const total = ref(0)
onMounted(() => {
getOptions()
handleSearch()
})
const peroidList = ref([])
function getOptions() {
// 获取OKR节点数据
getAllNodeTree().then((resp) => {
peroidList.value = listToTree(resp?.tree || [], {
id: 'nodeId',
pid: 'parentId',
children: 'children'
})
})
}
const loading = ref(false)
const tableList = ref([])
const handleSearch = () => {
searchForm.value.pageNo = 1
getList()
}
function getList() {
loading.value = true
// 获取会议列表
try {
const params = { ...searchForm.value }
if (params.dateRange && params.dateRange.length) {
params.startTime = params.dateRange[0] + ' 00:00:00'
params.endTime = params.dateRange[1] + ' 23:59:59'
delete params.dateRange
} else {
delete params.startTime
delete params.endTime
}
MeetingApi.getMeetingPage(params)
.then((resp) => {
tableList.value = resp.list || []
total.value = resp.total || 0
})
.finally(() => {
loading.value = false
})
} catch (error) {
console.error('获取会议列表失败:', error)
loading.value = false
}
}
const router = useRouter()
const handleAdd = () => {
router.push({ name: 'MeetingInfo', params: { id: 0 } })
}
const handleEdit = (id) => {
router.push({
name: `MeetingInfo`,
params: {
id
}
})
}
const handleDetail = (id) => {
router.push({
name: `MeetingInfo`,
params: {
id
},
query: {
isDetail: 1
}
})
}
const handleCancel = async (row) => {
try {
await message.confirm('是否确认取消该会议?')
// 取消会议操作
await MeetingApi.cancelMeeting({ meetingId: row.meetingId })
message.success('会议取消成功')
getList() // 刷新列表
} catch (error) {
console.log('取消操作被用户拒绝', error)
}
}
</script>
<style lang="scss" scoped></style>

View File

@@ -4,7 +4,7 @@
<el-form
:model="form"
ref="formRef"
:disabled="formType == 'do'"
:disabled="['do', 'detail'].includes(formType)"
:rules="rules"
label-width="80px"
class="flex-1"
@@ -239,7 +239,9 @@ const followList = ref([])
function open(type, id) {
show.value = true
title.value = { create: '新增待办', update: '修改待办', do: '更新待办进度' }[type]
title.value = { create: '新增待办', update: '修改待办', do: '更新待办进度', detail: '待办详情' }[
type
]
formType.value = type
resetForm()
if (id) {

View File

@@ -63,7 +63,7 @@
</el-badge>
</template>
</el-tab-pane>
<el-tab-pane :name="4">
<!-- <el-tab-pane :name="4">
<template #label>
<el-badge :value="tabCount.notifyNum" :max="99" :show-zero="false">
<el-tooltip content="特指OKR中@我的消息" placement="top" effect="dark">
@@ -85,7 +85,7 @@
</template>
</el-table-column>
</el-table>
</el-tab-pane>
</el-tab-pane> -->
</el-tabs>
<el-table v-if="tabIndex != 4" :data="tableList">
@@ -139,6 +139,15 @@
>
修改
</el-button>
<el-button
v-if="row.completeStatus == 2"
style="padding: 0; margin-right: 10px; margin-left: 0"
type="primary"
text
@click="handleDetail(row)"
>
详情
</el-button>
<el-button
v-if="row.creator == currentUserId && row.completeStatus == 1"
style="padding: 0; margin-right: 10px; margin-left: 0"
@@ -165,10 +174,11 @@
<script setup name="WaitTarget">
import { useUserStore } from '@/store/modules/user'
import { dateFormatter } from '@/utils/formatTime'
import DialogWait from './DialogWait.vue'
import DialogWait from './Components/DialogWait.vue'
import { getWaitPage, deleteWait, getWaitCount, urgeWait } from '@/api/okr/wait'
const route = useRoute()
const userStore = useUserStore()
const currentUserId = userStore.getUser.id
@@ -212,6 +222,11 @@ const priorityNameFilter = (priority) => {
const tabIndex = ref(1)
onMounted(() => {
if (route?.query?.type) {
tabIndex.value = Number(route.query.type)
} else {
tabIndex.value = 1
}
searchList()
})
@@ -237,7 +252,7 @@ function getTabCount() {
const loading = ref(false)
const tableList = ref([])
const mentionedList = ref([])
// const mentionedList = ref([])
const total = ref(0)
function getList() {
loading.value = true
@@ -265,6 +280,10 @@ function handleEdit(row) {
waitDialogRef.value.open('update', row.workId)
}
function handleDetail(row) {
waitDialogRef.value.open('detail', row.workId)
}
function handleDelete(row) {
message.confirm('确定删除待办事项吗?').then(() => {
deleteWait(row.workId).then(() => {
@@ -282,10 +301,10 @@ function handleNotice(row) {
})
}
function handleShow(row) {
console.log(row)
message.success('打开okr详情页')
}
// function handleShow(row) {
// console.log(row)
// message.success('okr')
// }
</script>
<style lang="scss" scoped></style>

View File

@@ -2502,6 +2502,13 @@
resolved "https://registry.yarnpkg.com/@wangeditor/list-module/-/list-module-1.0.5.tgz#3fc0b167acddf885536b45fa0c127f9c6adaea33"
integrity sha512-uDuYTP6DVhcYf7mF1pTlmNn5jOb4QtcVhYwSSAkyg09zqxI1qBqsfUnveeDeDqIuptSJhkh81cyxi+MF8sEPOQ==
"@wangeditor/plugin-upload-attachment@^1.1.0":
version "1.1.0"
resolved "https://registry.yarnpkg.com/@wangeditor/plugin-upload-attachment/-/plugin-upload-attachment-1.1.0.tgz#a014de72703a9f3d5ae44a428ac01406640ac80a"
integrity sha512-K6SsV3Cv1g+Ob1xjRRQ13Sh3lcj3yAa/aXMaKKbaPI76rNZiOpyAGH/iVv5i9enmwbZql01IXpvhK+HtrikVyQ==
dependencies:
dom7 "^4.0.4"
"@wangeditor/table-module@^1.1.4":
version "1.1.4"
resolved "https://registry.yarnpkg.com/@wangeditor/table-module/-/table-module-1.1.4.tgz#757d4a5868b2b658041cd323854a4d707c8347e9"
@@ -3733,6 +3740,13 @@ dom7@^3.0.0:
dependencies:
ssr-window "^3.0.0-alpha.1"
dom7@^4.0.4:
version "4.0.6"
resolved "https://registry.yarnpkg.com/dom7/-/dom7-4.0.6.tgz#091a51621d7a19ce0fb86045cafb3c10035e97ed"
integrity sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==
dependencies:
ssr-window "^4.0.0"
domelementtype@1, domelementtype@^1.3.1:
version "1.3.1"
resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
@@ -7245,6 +7259,11 @@ ssr-window@^3.0.0-alpha.1:
resolved "https://registry.yarnpkg.com/ssr-window/-/ssr-window-3.0.0.tgz#fd5b82801638943e0cc704c4691801435af7ac37"
integrity sha512-q+8UfWDg9Itrg0yWK7oe5p/XRCJpJF9OBtXfOPgSJl+u3Xd5KI328RUEvUqSMVM9CiQUEf1QdBzJMkYGErj9QA==
ssr-window@^4.0.0:
version "4.0.2"
resolved "https://registry.yarnpkg.com/ssr-window/-/ssr-window-4.0.2.tgz#dc6b3ee37be86ac0e3ddc60030f7b3bc9b8553be"
integrity sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==
stable@^0.1.8:
version "0.1.8"
resolved "https://registry.yarnpkg.com/stable/-/stable-0.1.8.tgz#836eb3c8382fe2936feaf544631017ce7d47a3cf"