Skip to content

C
corporateCulture-qd
Commit 64958ad7 by lijiabin
Options

【需求 17679】 perf: 继续优化 完善实践内容、优化文章内容换展示等

parent cfe3bd46
Showing with 555 additions and 132 deletions
src/api/backend/case/index.ts
import service from '@/utils/request/index'
import type { AddOrUpdateTagDto, BackendTagListItemDto, BackendTagSearchParams } from './types'
import type {
ChangeUsageStatusDto,
AuditCaseDto,
BackendCaseListItemDto,
CaseListSearchParams,
} from './types'
import type { BackendServicePageResult } from '@/utils/request/types'
// 后台管理案例库相关接口
/**
* 案例库后台列表
*/
export const getCaseList = (data: PageSearchParams) => {
return service.request<BackendServicePageResult<BackendTagListItemDto>>({
export const getCaseList = (data: CaseListSearchParams) => {
return service.request<BackendServicePageResult<BackendCaseListItemDto>>({
url: '/api/cultureCase/caseListByPage',
method: 'POST',
data,
......@@ -15,9 +20,19 @@ export const getCaseList = (data: PageSearchParams) => {
}
/**
* 删除案例库
*/
export const deleteCase = (id: number) => {
return service.request({
url: `/api/cultureCase/deleteCase?id=${id}`,
method: 'POST',
})
}
/**
* 审核接口
*/
export const auditCase = (data: AddOrUpdateCarouselDto) => {
export const auditCase = (data: AuditCaseDto) => {
return service.request({
url: '/api/cultureCase/auditCase',
method: 'POST',
......@@ -26,11 +41,13 @@ export const auditCase = (data: AddOrUpdateCarouselDto) => {
}
/**
* 删除案例库
* 修改使用状态
*/
export const deleteCase = (id: number) => {
export const changeUsageStatus = (data: ChangeUsageStatusDto) => {
return service.request({
url: `/api/cultureCase/deleteCase?id=${id}`,
url: '/api/cultureCase/userCase',
method: 'POST',
data,
})
}
src/api/backend/case/types.ts
import { UsageStatusEnum, AuditStatusEnum } from '@/constants'
import type { PageSearchParams } from '@/utils/request/types'
export interface CaseListSearchParams extends PageSearchParams {
isAudit?: AuditStatusEnum
isUse?: UsageStatusEnum
title?: string
}
export interface BackendCaseListItemDto {
caseType: string
content: string
createTime: number
createUser: number
cultureKeywordMain: string
cultureKeywordSecond: string[]
cultureRelation: number
dataSources: number
depIdList: string[]
depNameList: string[]
deptId: string
deptName: string
id: number
integrity: number
isAudit: number
isDelete: number
isDispose: number
isUse: number
mainScene: string
minorScene: string
number: string
sceneKeywordMain: string
sceneKeywordSecond: string[]
sourceProject: string
sourceTime: number
sourceType: string
sourceUser: number
title: string
yearKeywordMain: string
yearKeywordSecond: string[]
sourceUserName: string
sourceUserWorkNo: string
}
export interface ChangeUsageStatusDto {
id: number
isUse: UsageStatusEnum
}
export interface AuditCaseDto {
id: number
isAudit: AuditStatusEnum
}
src/api/backend/columnSettings/types.ts
......@@ -16,6 +16,7 @@ export interface BackendColumnListItemDto {
color: string
createTime: number
createUserId: number
content: string
id: number
isDelete: number
postCount: number
......
src/api/tag/index.ts
......@@ -4,12 +4,12 @@ import type { TagItemDto } from './types'
/**
* 获取标签 不分页
*/
export const getTagList = () => {
export const getTagList = (type?: string) => {
return service.request<TagItemDto[]>({
url: '/api/cultureTag/listNoPage',
method: 'POST',
data: {
type: 'culture',
type,
},
})
}
src/components/common/ArticleContent/index.vue
......@@ -66,7 +66,7 @@
<!-- 文章内容 -->
<div v-if="!isHtml" class="prose prose-lg max-w-none">
<div class="text-gray-700 leading-relaxed space-y-4">
<div class="text-gray-700 leading-relaxed space-y-4 whitespace-pre-line">
{{ articleDetail?.content }}
</div>
......
src/components/common/PublishBox/index.vue
......@@ -4,7 +4,12 @@
<!-- 主输入区域 -->
<div class="flex gap-3 mb-2 items-start">
<!-- 用户头像 -->
<el-avatar :size="48" :src="userAvatar" class="flex-shrink-0">
<el-avatar
:size="48"
:src="userAvatar"
class="flex-shrink-0"
@click="() => console.log(form)"
>
<el-icon>
<User />
</el-icon>
......@@ -14,12 +19,25 @@
<div class="flex-1">
<!-- 话题标签输入 -->
<div class="mb-4">
<el-input v-model="form.title" :placeholder="textMap[type].title" class="tag-input" clearable />
<el-input
v-model="form.title"
:placeholder="textMap[type].title"
class="tag-input"
clearable
/>
</div>
<!-- 主要内容输入 -->
<div class="relative mb-3">
<el-input type="textarea" :placeholder="textMap[type].content" :rows="6" :maxlength="maxLength"
show-word-limit resize="none" class="main-textarea" v-model="form.content" />
<el-input
type="textarea"
:placeholder="textMap[type].content"
:rows="6"
:maxlength="maxLength"
show-word-limit
resize="none"
class="main-textarea"
v-model="form.content"
/>
<!-- 字符计数 -->
<!-- <div class="absolute bottom-3 right-3 text-xs text-gray-400">1/30</div> -->
</div>
......@@ -27,10 +45,12 @@
<div class="mb-2">
<!-- 选择的标签内容 -->
<div class="flex items-center gap-2">
<span v-if="mainTagText" class="text-sm text-gray-500">主标签：
<span v-if="mainTagText" class="text-sm text-gray-500"
>主标签：
<el-tag>{{ mainTagText }}</el-tag>
</span>
<span v-if="subTagTextList.length > 0" class="text-sm text-gray-500">副标签：
<span v-if="subTagTextList.length > 0" class="text-sm text-gray-500"
>副标签：
<el-tag class="mr-2" v-for="tag in subTagTextList" :key="tag">{{ tag }}</el-tag>
</span>
</div>
......@@ -38,15 +58,24 @@
<!-- 图片相关 -->
<div v-if="form.imgUrl.length" class="flex flex-wrap gap-2">
<!-- 删除图片 -->
<div class="relative w-20 h-20 rounded-lg overflow-hidden group" v-for="img in form.imgUrl" :key="img">
<div
class="relative w-20 h-20 rounded-lg overflow-hidden group"
v-for="img in form.imgUrl"
:key="img"
>
<div
class="absolute top-1 right-1 z-10 w-5 h-5 flex items-center justify-center bg-black/60 rounded-full cursor-pointer opacity-0 group-hover:opacity-100 transition-all duration-200 hover:bg-black/80 hover:scale-110"
@click="handleDeleteImg(img)">
@click="handleDeleteImg(img)"
>
<el-icon class="text-white text-xs">
<Close />
</el-icon>
</div>
<el-image :src="img" class="w-full h-full rounded-lg border border-gray-200" fit="cover" />
<el-image
:src="img"
class="w-full h-full rounded-lg border border-gray-200"
fit="cover"
/>
</div>
</div>
</div>
......@@ -57,9 +86,14 @@
<!-- 左侧工具按钮 -->
<div class="flex items-center gap-1">
<el-tooltip content="添加标签" placement="top" :visible="visibleTagTooltip">
<el-button ref="tagButtonRef" text
class="w-10 h-10 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg" @click="handleAddTag"
@mouseenter="visibleTagTooltip = true" @mouseleave="visibleTagTooltip = false">
<el-button
ref="tagButtonRef"
text
class="w-10 h-10 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg"
@click="handleAddTag"
@mouseenter="visibleTagTooltip = true"
@mouseleave="visibleTagTooltip = false"
>
<el-icon size="18">
<CollectionTag />
</el-icon>
......@@ -69,8 +103,11 @@
<!-- 隐藏上传文件的input -->
<input type="file" class="hidden" ref="fileInputRef" @change="handleFileChange" />
<el-tooltip content="添加图片" placement="top">
<el-button text class="w-10 h-10 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg"
@click="fileInputRef?.click()">
<el-button
text
class="w-10 h-10 text-gray-500 hover:bg-gray-100 hover:text-gray-700 rounded-lg"
@click="fileInputRef?.click()"
>
<el-icon size="18">
<Picture />
</el-icon>
......@@ -100,19 +137,27 @@
<div class="flex items-center gap-3">
<el-button
class="px-4 py-2 text-gray-600 hover:text-gray-800 hover:bg-gray-50 rounded-lg border border-gray-200 text-sm"
@click="handlePublish(ReleaseStatusTypeEnum.DRAFT)">
@click="handlePublish(ReleaseStatusTypeEnum.DRAFT)"
>
存草稿
</el-button>
<el-button type="primary" :disabled="disabledSubmit"
<el-button
type="primary"
:disabled="disabledSubmit"
class="px-6 py-2 bg-blue-500 hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed rounded-lg text-white text-sm font-medium shadow-sm hover:shadow-md transition-all duration-200"
@click="handlePublish(ReleaseStatusTypeEnum.PUBLISH)">
@click="handlePublish(ReleaseStatusTypeEnum.PUBLISH)"
>
发布 {{ type === ArticleTypeEnum.QUESTION ? '问题' : '实践' }}
</el-button>
</div>
</div>
</div>
<SelectTagsDialog v-model:mainTagId="form.mainTagId" v-model:tagList="form.tagList" ref="selectTagsDialogRef" />
<SelectTagsDialog
v-model:mainTagId="form.mainTagId"
v-model:tagList="form.tagList"
ref="selectTagsDialogRef"
/>
<el-tour v-model="openTour" :mask="false" placement="left-start" type="primary">
<el-tour-step :target="tagButtonRef?.$el" description="在这里选择标签" placement="top" />
......@@ -137,7 +182,11 @@ import { useAnimate } from '@vueuse/core'
type ArticleType = ArticleTypeEnum.QUESTION | ArticleTypeEnum.PRACTICE
const { type, isReal, maxLength = 500 } = defineProps<{
const {
type,
isReal,
maxLength = 500,
} = defineProps<{
type: ArticleType
isReal: BooleanFlag
maxLength?: number
......
src/components/common/SelectTags/index.vue
......@@ -65,13 +65,17 @@ import { useTagsStore } from '@/stores/tags'
import { storeToRefs } from 'pinia'
import type { TagItemDto } from '@/api/tag/types'
import type { SelectTagProps } from './types'
const { maxSelectedTags = 1, filterTagsFn } = defineProps<SelectTagProps>()
const { maxSelectedTags = 1, filterTagsFn, tagType = 'culture' } = defineProps<SelectTagProps>()
const emit = defineEmits<{
selected: [tag?: TagItemDto]
}>()
const tagsStore = useTagsStore()
const { tagList } = storeToRefs(tagsStore)
const { tagList: cultureTagList, relatedScenariosTagList } = storeToRefs(tagsStore)
const tagList = computed<TagItemDto[]>(() =>
tagType === 'culture' ? cultureTagList.value : relatedScenariosTagList.value,
)
const filterTags = computed(() => {
if (filterTagsFn) {
......@@ -155,10 +159,4 @@ const toggleTag = (tagId: number) => {
addTag(tagId)
}
}
// onMounted(() => {
// if (tagList.value.length === 0) {
// tagsStore.fetchTagList()
// }
// })
</script>
src/components/common/SelectTags/types.ts
......@@ -3,4 +3,5 @@ import type { TagItemDto } from '@/api/tag/types'
export type SelectTagProps = {
maxSelectedTags?: number
filterTagsFn?: (tags: TagItemDto[]) => TagItemDto[]
tagType?: 'culture' | 'related_scenarios'
}
src/constants/enums.ts
......@@ -90,3 +90,11 @@ export enum AuditStatusEnum {
// 驳回审核
REJECTED = 2,
}
// 使用状态枚举
export enum UsageStatusEnum {
// 待使用
UNUSABLE = 0,
// 已使用
USED = 1,
}
src/constants/options.ts
import { ArticleTypeEnum, AuditStatusEnum, CommentTypeEnum, TaskTypeEnum } from './enums'
import {
ArticleTypeEnum,
AuditStatusEnum,
CommentTypeEnum,
TaskTypeEnum,
UsageStatusEnum,
} from './enums'
// 地区列表
export const regionListOptions = [
......@@ -106,6 +112,18 @@ export const auditTypeListOptions: { label: string; value: AuditStatusEnum }[] =
},
]
// 使用状态列表
export const usageStatusListOptions: { label: string; value: UsageStatusEnum }[] = [
{
label: '待使用',
value: UsageStatusEnum.UNUSABLE,
},
{
label: '已使用',
value: UsageStatusEnum.USED,
},
]
// 任务类型列表
export const taskTypeListOptions = [
{
......
src/layoutCulture/components/colnumForm.tsx
......@@ -104,7 +104,7 @@ export default defineComponent((_, { expose }) => {
<el-input
v-model={form.value.content}
type="textarea"
placeholder="分享你的企业文化实践实例"
placeholder="请输入专栏内容"
rows={6}
maxlength={1000}
show-word-limit
......
src/layoutCulture/components/interviewForm.tsx
......@@ -101,7 +101,7 @@ export default defineComponent((_, { expose }) => {
<el-input
v-model={form.value.content}
type="textarea"
placeholder="分享你的企业文化实践实例"
placeholder="请输入专访内容"
rows={6}
maxlength={1000}
show-word-limit
......
src/layoutCulture/components/practiceForm.tsx
......@@ -92,7 +92,7 @@ export default defineComponent((_, { expose }) => {
type="textarea"
placeholder="分享你的企业文化实践实例"
rows={6}
maxlength={1000}
maxlength={2000}
show-word-limit
class="content-input"
/>
......
src/stores/tags.ts
......@@ -5,15 +5,20 @@ import type { TagItemDto } from '@/api/tag/types'
* 关于标签的store
*/
export const useTagsStore = defineStore('tags', () => {
// 文化关键词标签
const tagList = ref<TagItemDto[]>([])
// 关联场景相关的标签
const relatedScenariosTagList = ref<TagItemDto[]>([])
let isLoading = false
const fetchTagList = async () => {
const fetchAllTagList = async () => {
if (isLoading) return
isLoading = true
try {
const { data } = await getTagList()
tagList.value = data
tagList.value = data.filter((i) => i.type === 'culture')
relatedScenariosTagList.value = data.filter((i) => i.type === 'related_scenarios')
console.log(tagList.value, 'tagList')
} catch (error) {
console.error(error)
......@@ -22,7 +27,7 @@ export const useTagsStore = defineStore('tags', () => {
}
}
// 手动调用一次
fetchTagList()
fetchAllTagList()
return { tagList, fetchTagList }
return { tagList, fetchAllTagList, relatedScenariosTagList }
})
src/utils/index.ts
export * from './app'
export * from './wxUtil'
src/utils/wxUtil/index.ts
......@@ -46,22 +46,28 @@ export function wxShare(option: IShareWxOption) {
*/
interface ISelectDepOrUser {
err_msg: string
result: {
userList: ISelectUser[]
}
result: IResult
}
interface IResult {
userList: ISelectUser[]
departmentList: ISelectDept[]
}
interface ISelectUser {
id: string
name: string
avatar: string
}
export function selectDepOrUser(wxOption = {}): Promise<ISelectDepOrUser> {
interface ISelectDept {
id: string
name: string
}
export function selectDepOrUser(wxOption = {}): Promise<IResult> {
const defaultOption = {
fromDepartmentId: -1,
mode: 'single',
type: ['user', 'department'],
// "selectedDepartmentIds": [],
// "selectedUserIds": checkPerson
mode: 'single', // single multi
type: ['user', 'department'], // 'user' 'department'
// "selectedDepartmentIds": ['2', '3'],
// "selectedUserIds": ['lisi', 'lisi2']
}
const option = {
...defaultOption,
......@@ -70,7 +76,9 @@ export function selectDepOrUser(wxOption = {}): Promise<ISelectDepOrUser> {
return new Promise((resolve, reject) => {
ww.invoke('selectEnterpriseContact', option, function (res: ISelectDepOrUser) {
if (res.err_msg == 'selectEnterpriseContact:ok') {
resolve(res)
resolve(res.result)
} else {
reject(res)
}
})
})
......
src/utils/wxUtil/initWXConfig.ts
......@@ -3,7 +3,6 @@
import { getWxSignature } from '@/api'
import * as ww from '@wecom/jssdk'
// export async function initWxConfig() {
// const url = location.href.split('#')[0]
// const response = await getWxSignature(url)
......@@ -42,7 +41,7 @@ export async function initWxConfig() {
ww.register({
corpId, // 必填，当前用户企业所属企业ID
agentId, // 必填，当前应用的AgentID
jsApiList: ['shareAppMessage'], // 必填，需要使用的JSAPI列表
jsApiList: ['shareAppMessage', 'selectEnterpriseContact'], // 必填，需要使用的JSAPI列表
getConfigSignature: function () {
return {
timestamp: timestamp,
......
src/views/backend/caseManage/index.vue
......@@ -10,27 +10,47 @@
class="w-200px"
></el-input>
<!-- 审核状态 -->
<el-select
v-model="searchParams.status"
v-model="searchParams.isAudit"
placeholder="请选择审核状态"
class="search-select"
clearable
>
<el-option
v-for="item in auditTypeListOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<!-- 发布状态 -->
<el-select
v-model="searchParams.isUse"
placeholder="请选择发布状态"
class="search-select"
clearable
>
<el-option label="发布" :value="1" />
<el-option label="隐藏" :value="0" />
<el-option
v-for="item in usageStatusListOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
<el-button type="primary" :icon="Search" @click="refresh">搜索</el-button>
<el-button @click="reset">重置</el-button>
</div>
<div class="flex justify-end">
<!-- <div class="flex justify-end">
<el-button type="primary" @click="handleAdd">
<el-icon><Plus /></el-icon>
新增
</el-button>
<el-button type="primary" @click="handleBatchPublish"> 批量发布/隐藏 </el-button>
<el-button type="danger" @click="handleBatchDelete"> 批量删除 </el-button>
</div>
</div> -->
</div>
<!-- 表格区域 -->
......@@ -45,79 +65,186 @@
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column prop="number" label="案例编号" width="100"></el-table-column>
<el-table-column prop="number" label="案例编号" width="90"></el-table-column>
<el-table-column prop="title" label="案例标题" width="180"></el-table-column>
<el-table-column prop="title" label="案例标题" width="140"></el-table-column>
<el-table-column prop="content" label="案例文本内容" width="120"></el-table-column>
<!-- 内容过多加入tooltip -->
<el-table-column prop="content" label="案例文本内容" width="200">
<template #default="{ row }">
<!-- 省略号 -->
<div class="line-clamp-1 text-blue-500 cursor-pointer" @click="handleContent(row)">
{{ row.content }}
</div>
</template>
</el-table-column>
<el-table-column label="文化关键词" align="center">
<el-table-column prop="cultureKeywordMain" label="主关键词" width="120">
<el-table-column prop="cultureKeywordMain" label="主关键词" width="160">
<template #default="{ row }">
<el-tag type="primary"> {{ row.cultureKeywordMain }}</el-tag>
</template>
</el-table-column>
<el-table-column prop="cultureKeywordSecond" label="次关键词1" width="100">
<el-table-column prop="cultureKeywordSecond" label="次关键词1" width="160">
<template #default="{ row }">
<el-tag type="primary"> {{ row.cultureKeywordSecond[0] || '' }} </el-tag>
<el-tag v-if="row.cultureKeywordSecond[0]" type="primary">
{{ row.cultureKeywordSecond[0] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="cultureKeywordSecond" label="次关键词2" width="120">
<el-table-column prop="cultureKeywordSecond" label="次关键词2" width="160">
<template #default="{ row }">
<el-tag type="primary"> {{ row.cultureKeywordSecond[1] || '' }} </el-tag>
<el-tag v-if="row.cultureKeywordSecond[1]" type="primary">
{{ row.cultureKeywordSecond[1] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="cultureKeywordSecond" label="次关键词3" width="100">
<el-table-column prop="cultureKeywordSecond" label="次关键词3" width="160">
<template #default="{ row }">
<el-tag type="primary"> {{ row.cultureKeywordSecond[2] || '' }} </el-tag>
<el-tag v-if="row.cultureKeywordSecond[2]" type="primary">
{{ row.cultureKeywordSecond[2] }}
</el-tag>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="年度主推关键词（选填）" align="center">
<el-table-column prop="annualReceivable" label="主关键词" width="100"></el-table-column>
<el-table-column prop="annualOverdue" label="次关键词" width="100"></el-table-column>
<el-table-column prop="annualReceivable" label="主关键词" width="160"></el-table-column>
<el-table-column prop="annualOverdue" label="次关键词" width="160"></el-table-column>
</el-table-column>
<el-table-column prop="remarks" label="案例类型" width="120"></el-table-column>
<el-table-column label="关联场景" align="center">
<el-table-column prop="abnormalField" label="主关键词1" width="100"></el-table-column>
<el-table-column prop="abnormalReason" label="次关键词1" width="100"></el-table-column>
<el-table-column prop="abnormalReason" label="次关键词2" width="100"></el-table-column>
<el-table-column prop="abnormalReason" label="次关键词3" width="100"></el-table-column>
<el-table-column prop="abnormalReason" label="次关键词4" width="100"></el-table-column>
<el-table-column prop="abnormalField" label="主关键词" width="160">
<template #default="{ row }">
<el-tag v-if="row.sceneKeywordMain" type="primary">
{{ row.sceneKeywordMain }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="abnormalReason" label="次关键词1" width="160">
<template #default="{ row }">
<el-tag v-if="row.sceneKeywordSecond[0]" type="primary">
{{ row.sceneKeywordSecond[0] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="abnormalReason" label="次关键词2" width="160">
<template #default="{ row }">
<el-tag v-if="row.sceneKeywordSecond[1]" type="primary">
{{ row.sceneKeywordSecond[1] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="abnormalReason" label="次关键词3" width="160">
<template #default="{ row }">
<el-tag v-if="row.sceneKeywordSecond[2]" type="primary">
{{ row.sceneKeywordSecond[2] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="abnormalReason" label="次关键词4" width="160">
<template #default="{ row }">
<el-tag v-if="row.sceneKeywordSecond[3]" type="primary">
{{ row.sceneKeywordSecond[3] }}
</el-tag>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="关联部门（选填）" align="center">
<el-table-column prop="taxBracket1" label="部门1" width="80"></el-table-column>
<el-table-column prop="taxBracket2" label="部门2" width="80"></el-table-column>
<el-table-column prop="taxBracket3" label="部门3" width="80"></el-table-column>
<el-table-column label="部门1" width="160">
<template #default="{ row }">
<el-tag v-if="row.depNameList[0]" type="primary">
{{ row.depNameList[0] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="taxBracket2" label="部门2" width="160">
<template #default="{ row }">
<el-tag v-if="row.depNameList[1]" type="primary">
{{ row.depNameList[1] }}
</el-tag>
</template>
</el-table-column>
<el-table-column prop="taxBracket3" label="部门3" width="160">
<template #default="{ row }">
<el-tag v-if="row.depNameList[2]" type="primary">
{{ row.depNameList[2] }}
</el-tag>
</template>
</el-table-column>
</el-table-column>
<el-table-column label="来源渠道（选填）" align="center">
<el-table-column prop="detail1" label="来源项目" width="80"></el-table-column>
<el-table-column prop="detail2" label="来源类型" width="80"></el-table-column>
<el-table-column prop="detail1" label="来源项目" width="120"></el-table-column>
<el-table-column prop="detail2" label="来源类型" width="120"></el-table-column>
<el-table-column label="来源对象" align="center">
<el-table-column prop="detail2" label="工号" width="80"></el-table-column>
<el-table-column prop="detail2" label="姓名" width="80"></el-table-column>
<el-table-column prop="detail2" label="层级" width="80"></el-table-column>
<el-table-column prop="sourceUserWorkNo" label="工号" width="120"></el-table-column>
<el-table-column prop="sourceUserName" label="姓名" width="120"></el-table-column>
<el-table-column prop="detail2" label="层级" width="120"></el-table-column>
</el-table-column>
<el-table-column prop="detail3" label="来源时间" width="80"></el-table-column>
<el-table-column prop="detail3" label="上传人" width="80"></el-table-column>
<el-table-column prop="sourceTime" label="来源时间" width="170">
<template #default="{ row }">
{{ dayjs(row.sourceTime * 1000).format('YYYY-MM-DD HH:mm:ss') }}
</template>
</el-table-column>
<el-table-column prop="detail3" label="上传人" width="120"></el-table-column>
</el-table-column>
<el-table-column label="案例评分级别" align="center">
<el-table-column prop="taxBracket1" label="案例完整性" width="80"></el-table-column>
<el-table-column prop="taxBracket2" label="企业文化关联" width="80"></el-table-column>
<el-table-column prop="taxBracket1" label="案例完整性" width="120"></el-table-column>
<el-table-column prop="taxBracket2" label="企业文化关联" width="120"></el-table-column>
</el-table-column>
<el-table-column label="操作" width="150" fixed="right">
<el-table-column label="审核状态" width="160" fixed="right">
<template #default="{ row }">
<!-- 下拉框 -->
<el-select
:modelValue="row.isAudit"
@update:modelValue="handleAuditStatusChange(row, $event)"
placeholder="选择审核状态"
>
<el-option
v-for="item in auditTypeListOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</template>
</el-table-column>
<el-table-column label="应用状态" width="160" fixed="right">
<template #header
>应用状态
<el-tooltip content="只有已通过的才能修改应用状态" placement="top">
<el-icon><InfoFilled /></el-icon>
</el-tooltip>
</template>
<template #default="{ row }">
<el-select
:modelValue="row.isUse"
@update:modelValue="handleUsageStatusChange(row, $event)"
placeholder="选择应用状态"
:disabled="row.isAudit !== AuditStatusEnum.AGREED"
>
<el-option
v-for="item in usageStatusListOptions"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</template>
</el-table-column>
<!-- <el-table-column label="操作" width="150" fixed="right">
<template #default="{ row }">
<el-button type="primary" link @click="handleEdit(row)">编辑</el-button>
<el-button type="danger" link @click="handleDelete(row)">删除</el-button>
</template>
</el-table-column>
</el-table-column> -->
</el-table>
</div>
......@@ -168,11 +295,20 @@
</template>
<script setup lang="ts">
import { Search, Plus, Upload } from '@element-plus/icons-vue'
import { Search, Upload } from '@element-plus/icons-vue'
import { usePageSearch, useResetData } from '@/hooks'
import { getCaseList, addOrUpdateColumn, deleteColumn, hideColumn } from '@/api/backend'
import {
getCaseList,
addOrUpdateColumn,
deleteColumn,
hideColumn,
changeUsageStatus,
auditCase,
} from '@/api/backend'
import type { FormInstance, FormRules } from 'element-plus'
import type { BackendColumnListItemDto, AddOrUpdateColumnDto } from '@/api/backend'
import type { BackendCaseListItemDto, AddOrUpdateColumnDto } from '@/api/backend'
import { usageStatusListOptions, auditTypeListOptions, AuditStatusEnum } from '@/constants'
import { InfoFilled } from '@element-plus/icons-vue'
import dayjs from 'dayjs'
const { loading, list, total, reset, goToPage, changePageSize, refresh, searchParams, search } =
......@@ -208,7 +344,7 @@ const handleAdd = () => {
}
// 编辑
const handleEdit = (row: BackendColumnListItemDto) => {
const handleEdit = (row: BackendCaseListItemDto) => {
resetForm()
form.value = {
title: row.title,
......@@ -221,13 +357,16 @@ const handleEdit = (row: BackendColumnListItemDto) => {
}
// 状态改变
const handleStatusChange = async (row: BackendColumnListItemDto) => {
await hideColumn([row.id])
const handleStatusChange = async (row: BackendCaseListItemDto, value: number) => {
await changeUsageStatus({
id: row.id,
usageStatus: value,
} as ChangeUsageStatusDto)
refresh()
}
// 删除
const handleDelete = async (row: BackendColumnListItemDto) => {
const handleDelete = async (row: BackendCaseListItemDto) => {
try {
await ElMessageBox.confirm(`确定要删除标签"${row.title}"吗?`, '提示', {
confirmButtonText: '确定',
......@@ -271,9 +410,9 @@ const handleSubmit = async () => {
}
}
const selectedRows = ref<BackendColumnListItemDto[]>([])
const selectedRows = ref<BackendCaseListItemDto[]>([])
// 选择
const handleSelectionChange = (selection: BackendColumnListItemDto[]) => {
const handleSelectionChange = (selection: BackendCaseListItemDto[]) => {
selectedRows.value = selection
}
......@@ -292,6 +431,32 @@ const handleBatchDelete = async () => {
selectedRows.value = []
ElMessage.success('删除成功')
}
const handleContent = (row: BackendCaseListItemDto) => {
ElMessageBox.alert(row.content, '案例全部文本内容', {
confirmButtonText: '确定',
})
}
const handleAuditStatusChange = async (row: BackendCaseListItemDto, value: number) => {
await auditCase({
id: row.id,
isAudit: value,
})
ElMessage.success('审核成功')
row.isAudit = value
}
const handleUsageStatusChange = async (row: BackendCaseListItemDto, value: number) => {
console.log(row, value)
await changeUsageStatus({
id: row.id,
isUse: value,
})
ElMessage.success('使用状态修改成功')
refresh()
row.isUse = value
}
</script>
<style scoped lang="scss">
......
src/views/homePage/homeTab/index.vue
......@@ -2,10 +2,18 @@
<div>
<div class="header h-40px items-center justify-between">
<div class="left flex gap-3 flex items-center">
<Tabs :modelValue="activeTab" @update:modelValue="(e) => updateActiveTab(e as string)" :tabs="tabs" />
<Tabs
:modelValue="activeTab"
@update:modelValue="(e) => updateActiveTab(e as string)"
:tabs="tabs"
/>
<!-- 直接在@change里面拿最新的动态组件实例 拿不到 可以在@enter 动画钩子里面拿 -->
<!-- 刷新图标 -->
<el-icon size="15" class="cursor-pointer hover:rotate-180 transition-all duration-300" @click="handleRefresh">
<el-icon
size="15"
class="cursor-pointer hover:rotate-180 transition-all duration-300"
@click="handleRefresh"
>
<Refresh />
</el-icon>
</div>
......@@ -55,10 +63,12 @@ const handleRefresh = () => {
const handleEnter = () => {
handleRefresh()
}
const updateActiveTab = (val: string) => {
if (val === '关爱基金') {
window.open('https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww42a2d34b42b8d721&redirect_uri=oa.yswg.com.cn:3456/careFund/publicNotice/index&response_type=code&scope=snsapi_base&state=#wechat_redirect', '_blank')
window.open(
'https://open.weixin.qq.com/connect/oauth2/authorize?appid=ww42a2d34b42b8d721&redirect_uri=oa.yswg.com.cn:3456/careFund/publicNotice/index&response_type=code&scope=snsapi_base&state=#wechat_redirect',
'_blank',
)
return
}
activeTab.value = val
......
src/views/publishCase/index.vue
......@@ -26,21 +26,54 @@
show-word-limit
/>
</el-form-item>
<!-- 关键词选择 -->
<!-- 文化关键词选择 -->
<el-form-item label="文化关键词" class="mb-6" prop="mainTagId">
<div class="flex flex-wrap gap-3">
主标签
<SelectTags v-model="form.mainTagId" />
<div class="flex items-start">
<div class="flex flex-wrap gap-3 items-start">
主标签
<SelectTags v-model="form.mainTagId" />
</div>
<div class="flex flex-wrap gap-3 items-start ml-5">
副标签
<SelectTags
v-model="form.subTagIds"
:max-selected-tags="3"
:filter-tags-fn="filterTagsFn"
/>
</div>
</div>
</el-form-item>
<el-form-item class="mb-6">
<div class="flex flex-wrap gap-3">
副标签
<SelectTags
v-model="form.subTagIds"
:max-selected-tags="3"
:filter-tags-fn="filterTagsFn"
/>
<el-form-item label="关联场景" class="mb-6">
<div class="flex items-start">
<div class="flex flex-wrap gap-3 items-start">
主标签
<SelectTags v-model="form.relatedScenariosMainTagId" tagType="related_scenarios" />
</div>
<div class="flex flex-wrap gap-3 items-start ml-5">
副标签
<SelectTags
tagType="related_scenarios"
v-model="form.relatedScenariosSubTagIds"
:max-selected-tags="4"
:filter-tags-fn="filterRelatedScenariosTagsFn"
/>
</div>
</div>
</el-form-item>
<el-form-item label="关联部门" class="mb-6">
<div class="flex items-start gap-3">
<el-button class="button-new-tag" size="small" @click="selcetDept">
+ 添加部门
</el-button>
<el-tag
v-for="tag in form.departmentList"
:key="tag.id"
closable
type="primary"
@close="() => delDept(tag.id)"
>
{{ tag.name }}
</el-tag>
</div>
</el-form-item>
......@@ -53,15 +86,17 @@
</el-form-item>
<!-- 底部按钮组 -->
<div class="flex items-center justify-between gap-4 pt-4">
<div class="flex gap-4">
<el-button @click="handleCancel"> 取消 </el-button>
<!-- <el-button @click="handlePreview"> 预览 </el-button> -->
<el-button type="info" plain @click="handleSubmit(ReleaseStatusTypeEnum.DRAFT)">
存草稿
</el-button>
</div>
<el-button type="primary" @click="handleSubmit(ReleaseStatusTypeEnum.PUBLISH)">
<div class="flex items-center justify-end gap-4 pt-4">
<el-button class="rounded-lg" @click="handleCancel"> 取消 </el-button>
<!-- <el-button @click="handlePreview"> 预览 </el-button> -->
<el-button class="rounded-lg" plain @click="handleSubmit(ReleaseStatusTypeEnum.DRAFT)">
存草稿
</el-button>
<el-button
class="px-6 py-2 bg-blue-500 hover:bg-blue-600 rounded-lg text-white text-sm font-medium shadow-sm hover:shadow-md transition-all duration-200"
type="primary"
@click="handleSubmit(ReleaseStatusTypeEnum.PUBLISH)"
>
提交
</el-button>
</div>
......@@ -79,9 +114,12 @@ import SelectTags from '@/components/common/SelectTags/index.vue'
import type { FormInstance } from 'element-plus'
import type { TagItemDto } from '@/api'
import { TagTypeEnum, TagLevelEnum, BooleanFlag, ReleaseStatusTypeEnum } from '@/constants'
import { selectDepOrUser } from '@/utils'
import { useUserStore } from '@/stores'
import { storeToRefs } from 'pinia'
const router = useRouter()
const userStore = useUserStore()
const { userInfo } = storeToRefs(userStore)
const formRef = useTemplateRef<FormInstance>('formRef')
const rules = {
......@@ -96,10 +134,32 @@ const [form, resetForm] = useResetData({
content: '',
mainTagId: '',
subTagIds: [],
relatedScenariosMainTagId: '',
relatedScenariosSubTagIds: [],
isSync: BooleanFlag.NO,
releaseStatus: ReleaseStatusTypeEnum.PUBLISH,
deptId: '',
deptName: '',
departmentList: [],
})
// 选择部门
const selcetDept = async () => {
const { departmentList } = await selectDepOrUser({
mode: 'multi', // single multi
type: ['department'],
selectedDepartmentIds: form.value.departmentList.map((i) => i.id),
})
if (departmentList.length > 3) {
return ElMessage.warning('最多只能选择3个部门，请重新选择')
}
console.log('选中的部门等等', departmentList)
form.value.departmentList = departmentList
}
const delDept = (id: string) => {
form.value.departmentList = form.value.departmentList.filter((i) => i.id !== id)
}
// 取消
const handleCancel = () => {
resetForm()
......@@ -115,13 +175,20 @@ const handleCancel = () => {
// 保存草稿
const transformData = (releaseStatus: ReleaseStatusTypeEnum): AddOrUpdateCaseDto => {
const { mainTagId, subTagIds, ...rest } = form.value
const {
mainTagId,
subTagIds,
relatedScenariosMainTagId,
relatedScenariosSubTagIds,
departmentList,
...rest
} = form.value
const obj: AddOrUpdateCaseDto = {
...rest,
releaseStatus,
tagRelationDtoList: [],
}
// 添加标签内容
// 添加文化标签内容
obj.tagRelationDtoList.push({
tagId: Number(mainTagId),
type: TagTypeEnum.CULTURE_TAG,
......@@ -134,12 +201,32 @@ const transformData = (releaseStatus: ReleaseStatusTypeEnum): AddOrUpdateCaseDto
keywordType: TagLevelEnum.SUB_TAG,
})
})
// 添加关联场景
obj.tagRelationDtoList.push({
tagId: Number(relatedScenariosMainTagId),
type: TagTypeEnum.SCENE_TAG,
keywordType: TagLevelEnum.MAIN_TAG,
})
relatedScenariosSubTagIds.forEach((id) => {
obj.tagRelationDtoList.push({
tagId: id,
type: TagTypeEnum.SCENE_TAG,
keywordType: TagLevelEnum.SUB_TAG,
})
})
// 添加部门相关字段
obj.deptId = departmentList.map((i) => i.id).join(',')
obj.deptName = departmentList.map((i) => i.name).join(',')
obj.sourceUser = userInfo.value.userId
return obj
}
// 提交
const handleSubmit = async (releaseStatus: ReleaseStatusTypeEnum) => {
await formRef.value?.validate()
console.log('form', { ...transformData(releaseStatus) })
const res = await addOrUpdateCase({ ...transformData(releaseStatus) })
if (res) {
ElMessage.success('提交成功')
......@@ -150,7 +237,7 @@ const handleSubmit = async (releaseStatus: ReleaseStatusTypeEnum) => {
const showSubmissionGuide = () => {
const countdown = ref(0)
let timer: number | null = null
let timer: NodeJS.Timeout | null = null
const MessageContent = (): VNode => {
return (
......@@ -172,7 +259,7 @@ const showSubmissionGuide = () => {
<div class="flex justify-center pt-3 border-t border-[#ebeef5]">
<el-button
type="primary"
class="px-6 py-2 bg-blue-500 hover:bg-blue-600 rounded-lg text-white text-sm font-medium shadow-sm hover:shadow-md transition-all duration-200"
disabled={countdown.value > 0}
loading={countdown.value > 0}
onClick={() => {
......@@ -211,6 +298,9 @@ const showSubmissionGuide = () => {
const filterTagsFn = (allTags: TagItemDto[]) => {
return allTags.filter((tag) => tag.id !== Number(form.value.mainTagId))
}
const filterRelatedScenariosTagsFn = (allTags: TagItemDto[]) => {
return allTags.filter((tag) => tag.id !== Number(form.value.relatedScenariosMainTagId))
}
onActivated(() => {
showSubmissionGuide()
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment