991 lines
33 KiB
Vue
Executable File
991 lines
33 KiB
Vue
Executable File
<template>
|
||
<div>
|
||
<DataBaseHead />
|
||
<div class="relative w-full h-1px bg-#507FFD mt50px rd-b-20px">
|
||
<el-button
|
||
class="absolute z-200 right-30px top-[30px]"
|
||
v-if="isDbUpload || isDbReview"
|
||
type="warning"
|
||
@click="handleClick"
|
||
>
|
||
审批流程
|
||
</el-button>
|
||
</div>
|
||
<div class="bg-#fff rd-15px px30px pt30px w-full h920px">
|
||
<el-tabs v-model="activeName" class="demo-tabs">
|
||
<div class="absolute z-200 right-0 flex items-center">
|
||
<div
|
||
class="cursor-pointer rounded-md ml-50px px20px py10px z-200 bg-#f5f5f5 flex items-center justify-center w-100px"
|
||
@click="goBacks"
|
||
>
|
||
<el-icon class="text-red"><ArrowLeftBold size="18" /></el-icon> 返回
|
||
</div>
|
||
</div>
|
||
<el-tab-pane v-if="userCode" label="分类管理" name="first">
|
||
<div class="h-52px">
|
||
<el-button v-if="userCode" type="primary" @click="editClickA('add')" class="mb-20px">
|
||
新增
|
||
</el-button>
|
||
</div>
|
||
<div class="w100% h750px overflow-auto">
|
||
<el-table
|
||
:data="tableData"
|
||
style="width: 100%; margin-bottom: 20px"
|
||
row-key="id"
|
||
border
|
||
default-expand-all
|
||
:header-cell-style="{
|
||
textAlign: 'center',
|
||
background: '#2A7BF7',
|
||
color: '#fff',
|
||
height: '60px',
|
||
'font-size': '24px'
|
||
}"
|
||
:cell-style="{ 'overflow-y': 'auto' }"
|
||
:tree-props="{
|
||
children: 'childList',
|
||
hasChildren: 'hasChildren'
|
||
}"
|
||
>
|
||
<el-table-column prop="name" label="标题名称" align="left" />
|
||
<!-- <el-table-column prop="sort" label="排序" align="center"/> -->
|
||
<el-table-column prop="address" label="操作" align="center">
|
||
<template #default="scope">
|
||
<el-button type="primary" @click="editClickA('edit', scope.row)" class="my-10px">
|
||
编辑</el-button
|
||
>
|
||
<el-button
|
||
type="success"
|
||
v-if="scope.row.level === 1 || scope.row.level === 2 || scope.row.level === 3"
|
||
@click="editClickA('add', scope.row)"
|
||
class="my-10px"
|
||
>
|
||
新增{{
|
||
scope.row.level === 1 ? '二' : scope.row.level === 2 ? '三' : '四'
|
||
}}级</el-button
|
||
>
|
||
<el-button type="danger" @click="deleteClickA(scope.row)" class="my-10px">
|
||
删除</el-button
|
||
>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="内容管理" name="second">
|
||
<div class="h-52px">
|
||
<el-button
|
||
v-if="isDbReview || isDbUpload"
|
||
type="primary"
|
||
@click="editClickB('add')"
|
||
class="mb-20px"
|
||
>
|
||
新增</el-button
|
||
>
|
||
<el-button v-if="userCode" type="primary" @click="getAll" class="mb-20px">
|
||
查看所有</el-button
|
||
>
|
||
<template v-if="false">
|
||
<el-button
|
||
v-if="userCode"
|
||
:type="setUpload ? 'success' : 'warning'"
|
||
:icon="setUpload ? 'Check' : ''"
|
||
@click="getUser({ type: 1 })"
|
||
class="mb-20px !ml-50px"
|
||
>
|
||
{{ setUpload ? '已设置上传人员' : '设置上传人员' }}</el-button
|
||
>
|
||
<el-button
|
||
v-if="userCode"
|
||
:type="setReview ? 'success' : 'warning'"
|
||
:icon="setReview ? 'Check' : ''"
|
||
@click="getUser({ type: 2 })"
|
||
class="mb-20px"
|
||
>
|
||
{{ setReview ? '已设置审批人员' : '设置审批人员' }}</el-button
|
||
>
|
||
</template>
|
||
</div>
|
||
<div class="w100% h750px overflow-auto">
|
||
<el-table
|
||
class="tableClass"
|
||
:data="infoData"
|
||
style="width: 100%; margin-bottom: 20px"
|
||
row-key="id"
|
||
border
|
||
default-expand-all
|
||
height="710px"
|
||
:header-cell-style="{
|
||
background: '#2A7BF7',
|
||
color: '#fff',
|
||
height: '60px',
|
||
lineHeight: '60px',
|
||
textAlign: 'center',
|
||
'font-size': '24px'
|
||
}"
|
||
:cell-style="{ 'text-align': 'center', 'overflow-y': 'auto' }"
|
||
:tree-props="{
|
||
children: 'childList',
|
||
hasChildren: 'hasChildren'
|
||
}"
|
||
>
|
||
<el-table-column prop="cateName" label="所属分类" show-overflow-tooltip>
|
||
<!-- <template #default="scope">
|
||
<span v-if="scope.row.cateId==="></span>
|
||
</template> -->
|
||
</el-table-column>
|
||
<el-table-column prop="title" label="标题名称" show-overflow-tooltip />
|
||
<!-- <el-table-column prop="deptName" label="排序" /> -->
|
||
<el-table-column label="文件列表" prop="filePath" show-overflow-tooltip />
|
||
<!-- <el-table-column label="排序" prop="sort" show-overflow-tooltip/> -->
|
||
<el-table-column label="查看范围" prop="userIdList">
|
||
<template #default="scope">
|
||
<!-- <el-button type="primary" class="button" @click="getUser(scope.row)">查看范围</el-button> -->
|
||
|
||
<!-- <span class="descStyle" v-if="scope.row.userList" v-for="it in scope.row.userList"> {{it.nickName}}</span> -->
|
||
<!-- <span>{{ scope.row.userList }}</span> -->
|
||
<p v-if="scope.row.userList.length">
|
||
<el-tooltip :content="handTooltip(scope.row.userList)" placement="top">
|
||
<div class="!h-50px descStyle">
|
||
<div class="descStyle max-w-60vw !h-46px">
|
||
<p
|
||
v-for="(it, e) in scope.row.userList"
|
||
:class="scope.row.userList.length < 2 ? '!leading-46px' : 'xx'"
|
||
>
|
||
{{ it.nickName || undefined }}
|
||
<span v-if="e == 1 && scope.row.userList.length > 2"
|
||
>...共{{ scope.row.userList.length }}人</span
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</el-tooltip>
|
||
</p>
|
||
<span v-else></span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="address" label="操作" show-overflow-tooltip>
|
||
<template #default="scope">
|
||
<div v-if="userCode || hasUpload || hasReview">
|
||
<el-button
|
||
type="primary"
|
||
@click="editClickB('edit', scope.row)"
|
||
class="w45px my-10px"
|
||
>
|
||
编辑</el-button
|
||
>
|
||
<el-button type="danger" @click="deleteClickB(scope.row)" class="w45px my-10px">
|
||
删除</el-button
|
||
>
|
||
<div
|
||
style="float: right; margin: 10px 0"
|
||
v-if="scope.$index !== 0 && scope.$index !== infoData.length - 1"
|
||
>
|
||
<el-button
|
||
style="color: #000; width: 45px; height: 33px"
|
||
@click="onUpload(scope.row)"
|
||
>
|
||
<el-icon><Upload /></el-icon>
|
||
</el-button>
|
||
<el-button
|
||
style="color: #000; width: 45px; height: 33px"
|
||
@click="ondownloads(scope.row)"
|
||
>
|
||
<el-icon><Download /></el-icon>
|
||
</el-button>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
|
||
<div class="float-right absolute bottom-0px right-30px z-2000 bg-#fff">
|
||
<el-pagination
|
||
v-model:current-page="pageInfo.currentPage"
|
||
v-model:page-size="pageInfo.pageSize"
|
||
layout="prev, pager, next, jumper"
|
||
:total="pageInfo.total"
|
||
@size-change="handleSizeChange"
|
||
@current-change="handleCurrentChange"
|
||
/>
|
||
</div>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="权限管理" name="three" v-if="userCode">
|
||
<div class="h-52px">
|
||
<el-button type="primary" @click="handleAuthClick('add')" class="mb-20px">
|
||
新增审批关系</el-button
|
||
>
|
||
</div>
|
||
<div class="w100% h750px overflow-auto">
|
||
<el-table
|
||
class="tableClass"
|
||
:data="authData"
|
||
style="width: 100%; margin-bottom: 20px"
|
||
row-key="id"
|
||
border
|
||
default-expand-all
|
||
height="710px"
|
||
:header-cell-style="{
|
||
background: '#2A7BF7',
|
||
color: '#fff',
|
||
height: '60px',
|
||
lineHeight: '60px',
|
||
textAlign: 'center',
|
||
'font-size': '24px'
|
||
}"
|
||
:cell-style="{ 'text-align': 'center', 'overflow-y': 'auto' }"
|
||
>
|
||
<el-table-column prop="cateName" label="所属分类" show-overflow-tooltip>
|
||
</el-table-column>
|
||
<el-table-column label="上传人员" prop="userIdList" show-overflow-tooltip>
|
||
<template #default="scope">
|
||
<p v-if="scope.row.uploadList.length" class="truncate text-ellipsis">
|
||
{{ scope.row.uploadList.map((item: any) => item.nickName).join('、') }}
|
||
<el-tooltip
|
||
v-if="false"
|
||
:content="handTooltip(scope.row.uploadList)"
|
||
placement="top"
|
||
>
|
||
<div class="!h-50px descStyle">
|
||
<div class="descStyle max-w-60vw !h-46px">
|
||
<p
|
||
v-for="(it, e) in scope.row.uploadList"
|
||
:key="e"
|
||
:class="scope.row.uploadList.length < 2 ? '!leading-46px' : 'xx'"
|
||
>
|
||
{{ it.nickName || undefined }}
|
||
<span v-if="e == 1 && scope.row.uploadList.length > 2"
|
||
>...共{{ scope.row.uploadList.length }}人</span
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</el-tooltip>
|
||
</p>
|
||
<span v-else></span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="审批人员" prop="userIdList" show-overflow-tooltip>
|
||
<template #default="scope">
|
||
<p v-if="scope.row.reviewList.length" class="truncate text-ellipsis">
|
||
{{ scope.row.reviewList.map((item: any) => item.nickName).join('、') }}
|
||
<el-tooltip
|
||
v-if="false"
|
||
:content="handTooltip(scope.row.reviewList)"
|
||
placement="top"
|
||
>
|
||
<div class="!h-50px descStyle">
|
||
<div class="descStyle max-w-60vw !h-46px">
|
||
<p
|
||
v-for="(it, e) in scope.row.reviewList"
|
||
:key="e"
|
||
:class="scope.row.reviewList.length < 2 ? '!leading-46px' : 'xx'"
|
||
>
|
||
{{ it.nickName || undefined }}
|
||
<span v-if="e == 1 && scope.row.reviewList.length > 2"
|
||
>...共{{ scope.row.reviewList.length }}人</span
|
||
>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</el-tooltip>
|
||
</p>
|
||
<span v-else></span>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="address" label="操作" show-overflow-tooltip width="180px">
|
||
<template #default="scope">
|
||
<div>
|
||
<el-button
|
||
type="primary"
|
||
@click="handleAuthClick('edit', scope.row)"
|
||
class="w45px my-10px"
|
||
>
|
||
编辑</el-button
|
||
>
|
||
<el-popconfirm
|
||
title="确认删除此条数据?"
|
||
@confirm="handleAuthClick('del', scope.row)"
|
||
>
|
||
<template #reference>
|
||
<el-button type="danger" @click="" class="w45px my-10px"> 删除</el-button>
|
||
</template>
|
||
</el-popconfirm>
|
||
</div>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
|
||
<div class="float-right absolute bottom-0px right-30px z-2000 bg-#fff">
|
||
<el-pagination
|
||
v-model:current-page="pageInfo.currentPage"
|
||
v-model:page-size="pageInfo.pageSize"
|
||
layout="prev, pager, next, jumper"
|
||
:total="pageInfo.total"
|
||
@size-change="getAuth"
|
||
@current-change="getAuth"
|
||
/>
|
||
</div>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</div>
|
||
<NModal v-model:show="shomkA">
|
||
<div class="bg-#FFF p30px">
|
||
<el-form :model="editA" label-width="120px" :inline="true">
|
||
<el-form-item label="标题">
|
||
<el-input v-model="editA.name" />
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="排序">
|
||
<el-input type="number" v-model="editA.sort" />
|
||
</el-form-item>
|
||
<br />
|
||
<div class="text-center">
|
||
<el-button type="primary" @click="addClickA(editA)" class="mb-20px"> 确认</el-button>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
</NModal>
|
||
<NModal v-model:show="shomkB">
|
||
<div class="bg-#FFF p30px">
|
||
<el-form :model="editB" label-width="120px" :inline="true">
|
||
<!-- <el-form-item label="标题" v-if="editB.type!='add'"> -->
|
||
<el-form-item label="标题">
|
||
<el-input v-model="editB.title" />
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="排序">
|
||
<el-input v-model="editB.sort" type="number" />
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="所属类别">
|
||
<el-cascader
|
||
:modelValue="editB.cateIds"
|
||
:options="tableDataAuth"
|
||
@change="handleChange"
|
||
:props="{ children: 'childList', label: 'name', value: 'id' }"
|
||
/>
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="查看范围">
|
||
<el-button
|
||
class="button"
|
||
@click="() => getUser(editB)"
|
||
:type="editB.userList?.length ? 'success' : ''"
|
||
:icon="editB.userList?.length ? 'Check' : ''"
|
||
>{{ editB.userList?.length ? '已设置' : '设置' }}</el-button
|
||
>
|
||
</el-form-item>
|
||
|
||
<br />
|
||
<el-form-item label="文件">
|
||
<el-upload
|
||
v-model:file-list="editB.fileList"
|
||
class="upload-demo"
|
||
:headers="header"
|
||
action="/test-api/common/upload"
|
||
:on-exceed="handOnExceed"
|
||
multiple
|
||
>
|
||
<el-button type="primary">选择文件</el-button>
|
||
</el-upload>
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="是否置顶">
|
||
<el-switch
|
||
v-model="editB.isTop"
|
||
active-text="置顶"
|
||
inactive-text="不置顶"
|
||
:inactive-value="0"
|
||
:active-value="1"
|
||
></el-switch>
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="是否定时发送">
|
||
<el-switch
|
||
v-model="editB.isPublish"
|
||
active-text="是"
|
||
inactive-text="否"
|
||
:inactive-value="0"
|
||
:active-value="1"
|
||
@change="(val) => (editB.publishTime = val ? pickerOptions.day : '')"
|
||
></el-switch>
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="发布时间" v-if="editB.isPublish == 1">
|
||
<el-date-picker
|
||
v-model="editB.publishTime"
|
||
align="right"
|
||
type="date"
|
||
placeholder="选择日期"
|
||
:disabledDate="pickerOptions.disabledDate"
|
||
:shortcuts="pickerOptions.shortcuts"
|
||
:value-format="pickerOptions.valueFormat"
|
||
>
|
||
</el-date-picker>
|
||
</el-form-item>
|
||
<br />
|
||
<div class="text-center">
|
||
<el-button type="primary" @click="addClickB(editB)" class="mb-20px"> 确认</el-button>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
</NModal>
|
||
<NModal v-model:show="showAuthModal">
|
||
<div class="bg-#FFF p30px">
|
||
<el-form :model="authModel" label-width="120px" :inline="true">
|
||
<el-form-item v-if="false" label="所属类别">
|
||
<el-cascader
|
||
:modelValue="authModel.cateIds"
|
||
:options="tableData"
|
||
@change="handleChange"
|
||
:props="{ children: 'childList', label: 'name', value: 'id' }"
|
||
/>
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="上传人员" class="w-300px">
|
||
<el-button
|
||
class="button"
|
||
@click="() => getUser({ userList: uploadIds, key: 'uploadIds' })"
|
||
:type="authModel.uploadIds?.length ? 'success' : ''"
|
||
:icon="authModel.uploadIds?.length ? 'Check' : ''"
|
||
>{{ authModel.uploadIds?.length ? '已设置' : '设置' }}</el-button
|
||
>
|
||
</el-form-item>
|
||
<br />
|
||
<el-form-item label="审核人员" class="w-300px">
|
||
<el-button
|
||
class="button"
|
||
@click="() => getUser({ userList: reviewIds, key: 'reviewIds' })"
|
||
:type="authModel.reviewIds?.length ? 'success' : ''"
|
||
:icon="authModel.reviewIds?.length ? 'Check' : ''"
|
||
>{{ authModel.reviewIds?.length ? '已设置' : '设置' }}</el-button
|
||
>
|
||
</el-form-item>
|
||
<br />
|
||
<br />
|
||
<div class="text-center">
|
||
<el-button type="primary" @click="handleSetAuth" class="mb-20px"> 确认</el-button>
|
||
</div>
|
||
</el-form>
|
||
</div>
|
||
</NModal>
|
||
<n-modal v-model:show="showModal" :z-index="99999">
|
||
<UserList :userDataList="setUserList" @clickChild="handleChild" @CloseThis="CloseThiss" />
|
||
</n-modal>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import DataBaseHead from '@/views/home/components/DataBaseHead.vue'
|
||
import { useUserStore } from '@/stores/modules/user'
|
||
import {
|
||
cateAdd,
|
||
cateUpdate,
|
||
treeDbList,
|
||
cateInfo,
|
||
cateDel,
|
||
cateFileUpdate,
|
||
cateFileDel,
|
||
cateFileList,
|
||
fetchdbAuthDel,
|
||
dragFile,
|
||
fetchdbAuthAdd,
|
||
fetchdbAuthGetInfo,
|
||
fetchReviewAuthCateList
|
||
} from '@/api/daikin/base'
|
||
import { NModal, useMessage, NSelect } from 'naive-ui'
|
||
import UserList from '@/views/home/intelligence/process/UserPages.vue'
|
||
import { databaseld } from '@/stores/modules/database'
|
||
import { pickerOptions } from '@/utils/date'
|
||
|
||
const { push } = useRouter()
|
||
const database = databaseld()
|
||
const store: any = useUserStore()
|
||
const message = useMessage()
|
||
const userCode = computed(() =>
|
||
['admin', 'database_dandang', 'tech_service'].some((item) => store.user.roleCode?.includes(item))
|
||
)
|
||
// 'tech_service'
|
||
const isDbReview = store.user?.isDbReview === 1
|
||
const isDbUpload = store.user?.isDbUpload === 1
|
||
|
||
const tableData = ref([])
|
||
const tableDataAuth = ref([])
|
||
const infoData = ref()
|
||
const authData = ref()
|
||
const showAuthModal = ref(false)
|
||
const authModel = ref<any>({})
|
||
|
||
const cateIds = ref()
|
||
const shomkA = ref(false)
|
||
const editA = ref()
|
||
const shomkB = ref(false)
|
||
const editB = ref()
|
||
const activeName = ref('first')
|
||
const pageInfo = reactive({
|
||
currentPage: 1,
|
||
pageSize: 10,
|
||
total: 10
|
||
})
|
||
|
||
const uploadIds = ref([])
|
||
const reviewIds = ref([])
|
||
const handleAuthClick = (type = '', data: any = {}) => {
|
||
if (type === 'add' || type === 'edit') {
|
||
delete authModel.value.id
|
||
const { cateId, uploadList = [], reviewList = [], id } = data
|
||
authModel.value.cateId = cateId
|
||
uploadIds.value = uploadList
|
||
reviewIds.value = reviewList
|
||
authModel.value.uploadIds = uploadList.map((item: any) => item.userId)
|
||
authModel.value.reviewIds = reviewList.map((item: any) => item.userId)
|
||
if (type === 'edit') authModel.value.id = id
|
||
showAuthModal.value = true
|
||
}
|
||
if (type === 'del') {
|
||
const { id } = data
|
||
if (!id) return
|
||
fetchdbAuthDel(id).then((res: any) => {
|
||
if (res.code === 200) {
|
||
getAuth()
|
||
message.success('操作成功')
|
||
}
|
||
})
|
||
}
|
||
}
|
||
const handleSetAuth = async () => {
|
||
const req = { ...unref(authModel), cateId: cateIds.value }
|
||
if (!req.uploadIds?.length) {
|
||
message.warning('最少选择1名上传人员！')
|
||
return
|
||
}
|
||
if (!req.reviewIds?.length) {
|
||
message.warning('最少选择1名审核人员!')
|
||
return
|
||
}
|
||
const { code }: any = await fetchdbAuthAdd(req)
|
||
if (code === 200) {
|
||
getAuth()
|
||
showAuthModal.value = false
|
||
message.success('操作成功')
|
||
}
|
||
}
|
||
|
||
async function getTree() {
|
||
const { data } = await treeDbList({})
|
||
tableData.value = data
|
||
const { data: auth = [] } = await fetchReviewAuthCateList()
|
||
tableDataAuth.value = auth
|
||
}
|
||
watchEffect(() => {
|
||
activeName.value = userCode.value ? unref(activeName) : 'second'
|
||
cateIds.value = database.database.id
|
||
console.log(database.database)
|
||
if (database.database.id) {
|
||
getInfo(database.database.id)
|
||
getAuth()
|
||
}
|
||
})
|
||
async function getInfo(cateId?: string | undefined) {
|
||
const { rows, total } = await cateFileList({
|
||
cateId: cateIds.value,
|
||
pageNum: pageInfo.currentPage,
|
||
pageSize: pageInfo.pageSize
|
||
})
|
||
infoData.value = rows
|
||
pageInfo.total = total
|
||
if (rows && rows.length > 0) {
|
||
rows.map((item: { filePath: any }) =>
|
||
Object.assign(item, {
|
||
fileList: item.filePath
|
||
})
|
||
)
|
||
}
|
||
}
|
||
const deptId = ref()
|
||
onMounted(() => {
|
||
// getTree()
|
||
// getInfo('')
|
||
deptId.value = store.user.deptId
|
||
})
|
||
const editClickA = (edit: any, obj: any) => {
|
||
console.table(obj)
|
||
if (edit === 'add' && obj && obj.id) {
|
||
editA.value = {
|
||
name: '',
|
||
sort: '',
|
||
pid: obj.id,
|
||
type: edit
|
||
}
|
||
} else if (obj && obj.id) {
|
||
editA.value = obj
|
||
} else {
|
||
editA.value = {
|
||
name: '',
|
||
sort: '',
|
||
pid: '0',
|
||
type: edit
|
||
}
|
||
}
|
||
|
||
console.log(editA.value)
|
||
shomkA.value = true
|
||
}
|
||
const deleteClickA = async (row: any) => {
|
||
if (row && row.id) {
|
||
const { code, msg } = await cateDel({ id: row.id })
|
||
if (code === 200) {
|
||
message.success('删除成功')
|
||
} else message.warning(msg)
|
||
}
|
||
getTree()
|
||
}
|
||
async function addClickA(row: any) {
|
||
if (!row) return
|
||
if (row.type === 'add') {
|
||
const { code, msg } = await cateAdd(row)
|
||
if (code === 200) {
|
||
message.success('新增成功')
|
||
} else message.warning(msg)
|
||
} else {
|
||
const { code, msg } = await cateUpdate(row)
|
||
if (code === 200) {
|
||
message.success('修改成功')
|
||
} else message.warning(msg)
|
||
}
|
||
shomkA.value = false
|
||
getTree()
|
||
}
|
||
const editClickB = (edit: any, data: any = {}) => {
|
||
const obj = JSON.parse(JSON.stringify(data))
|
||
if (edit === 'add' && obj && obj.id) {
|
||
editB.value = {
|
||
title: '',
|
||
cateId: '',
|
||
deptId: deptId.value,
|
||
filePath: [],
|
||
fileList: [],
|
||
type: edit,
|
||
userList: [],
|
||
sort: 0
|
||
}
|
||
if (obj.filePath) {
|
||
editB.value.fileList = [
|
||
{
|
||
name: obj.title,
|
||
originalFilename: obj.title,
|
||
url: obj.filePath
|
||
}
|
||
]
|
||
}
|
||
|
||
setUserList.value = obj.userList
|
||
} else if (obj && obj.id) {
|
||
editB.value = obj
|
||
if (obj.filePath) {
|
||
editB.value.fileList = [
|
||
{
|
||
name: obj.title,
|
||
originalFilename: obj.title,
|
||
url: obj.filePath
|
||
}
|
||
]
|
||
}
|
||
|
||
setUserList.value = obj.userList
|
||
} else {
|
||
editB.value = {
|
||
cateId: '',
|
||
deptId: deptId.value,
|
||
title: '',
|
||
filePath: [],
|
||
fileList: [],
|
||
type: edit,
|
||
userList: [],
|
||
sort: 0
|
||
}
|
||
setUserList.value = []
|
||
}
|
||
editB.value.cateId = database.database.id
|
||
userData.value = false
|
||
console.log(editB.value)
|
||
editB.cateIds = []
|
||
let ids: any[] = getParentIds(obj.cateId)
|
||
if (ids?.length > 0) {
|
||
ids = ids.reverse()
|
||
// ids.push(obj.cateId)
|
||
editB.value.cateIds = ids
|
||
console.log('🚀 ~ file: Process.vue:248 ~ ids:', ids)
|
||
}
|
||
shomkB.value = true
|
||
}
|
||
const deleteClickB = async (row: any) => {
|
||
if (row && row.id) {
|
||
const { code, msg } = await cateFileDel({ id: row.id })
|
||
if (code === 200) {
|
||
message.success('删除成功')
|
||
} else message.warning(msg)
|
||
}
|
||
getInfo('')
|
||
}
|
||
async function addClickB(row: any) {
|
||
if (!row) return
|
||
let url: any[] = []
|
||
if (row.fileList && row.fileList.length > 0) {
|
||
row.fileList.forEach((index) => {
|
||
if (index.response) {
|
||
url.push(index.response.url)
|
||
} else {
|
||
url.push(index.url)
|
||
}
|
||
})
|
||
|
||
row.filePath = url
|
||
// console.log(url, row.filePath )
|
||
}
|
||
let list: any[] = []
|
||
if (row.userList && row.userList.length > 0) {
|
||
console.log(row)
|
||
row.userList.forEach((index) => {
|
||
list.push(index.userId)
|
||
})
|
||
row.userIdList = list
|
||
}
|
||
// if (row.userIdList?.length > 0) {
|
||
// row.userIdList = row.userIdList.join(',')
|
||
// }
|
||
// console.log('🚀 ~ row:', row)
|
||
if (!row.cateId) {
|
||
message.error('所属类别不能为空！')
|
||
return
|
||
}
|
||
if (row.type === 'add') {
|
||
const { code, msg } = await cateFileUpdate(row)
|
||
if (code === 200) {
|
||
message.success('新增成功')
|
||
} else message.warning(msg)
|
||
} else {
|
||
const { code, msg } = await cateFileUpdate(row)
|
||
if (code === 200) {
|
||
message.success('修改成功')
|
||
} else message.warning(msg)
|
||
}
|
||
shomkB.value = false
|
||
getInfo('')
|
||
}
|
||
const handleChange = (e: string | any[]) => {
|
||
// console.log(e.length)
|
||
if (e && e.length == 1) {
|
||
// console.log(e, editB.value)
|
||
editB.value.cateId = e[0]
|
||
} else if (e && e.length == 2) {
|
||
editB.value.cateId = e[1]
|
||
} else if (e && e.length == 3) {
|
||
editB.value.cateId = e[2]
|
||
} else if (e && e.length == 4) {
|
||
editB.value.cateId = e[3]
|
||
} else {
|
||
editB.value.cateId = e[0]
|
||
}
|
||
// console.log(e,editB.value.cateId,99999)
|
||
}
|
||
const handOnExceed: UploadProps['onExceed'] = (uploadFile: any, uploadFiles: any) => {
|
||
message.warning('最多只能上传一个文件！')
|
||
}
|
||
|
||
const header = { token: store.user.token }
|
||
const goBacks = () => {
|
||
// console.log(444)
|
||
history.back()
|
||
}
|
||
const showModal = ref(false)
|
||
const flg = ref()
|
||
const setUserList = ref()
|
||
const dbAuthType = ref()
|
||
const selSetAuthKey = ref('')
|
||
async function getUser(row: { id?: any; userList?: any; type?: number; key?: string }) {
|
||
showModal.value = !showModal.value
|
||
flg.value = row
|
||
if (showAuthModal.value) {
|
||
setUserList.value = row.userList || []
|
||
selSetAuthKey.value = row.key || ''
|
||
}
|
||
if (row.id && row.userList) {
|
||
setUserList.value = row.userList
|
||
}
|
||
if (typeof row.type === 'number') {
|
||
dbAuthType.value = row.type
|
||
const { data: userArr } = await fetchdbAuthGetInfo({
|
||
cateId: cateIds.value
|
||
// type: row.type
|
||
})
|
||
setUserList.value = userArr
|
||
}
|
||
}
|
||
// 获取子组件传过来的值
|
||
const userData = ref(false)
|
||
const handleChild = async (data: any) => {
|
||
console.log(data, 444)
|
||
const { showModal: show, multipleSelection } = data
|
||
showModal.value = unref(show) || false
|
||
let userIdList: any[] = [],
|
||
userList: any = []
|
||
multipleSelection.value.forEach((i: { userId: any; nickName: string }) => {
|
||
userIdList.push(i.userId)
|
||
userList.push({ nickName: i.nickName, userId: i.userId })
|
||
})
|
||
if (authModel.value && selSetAuthKey.value) {
|
||
authModel.value[selSetAuthKey.value] = userIdList
|
||
return
|
||
}
|
||
if (dbAuthType.value) {
|
||
const { code }: any = await fetchdbAuthAdd({
|
||
cateId: cateIds.value,
|
||
type: dbAuthType.value,
|
||
userIdList
|
||
})
|
||
if (code == 200) {
|
||
message.success('设置成功！')
|
||
getAuth()
|
||
if (dbAuthType.value) {
|
||
dbAuthType.value = 0
|
||
}
|
||
}
|
||
return
|
||
}
|
||
if (flg.value.id) {
|
||
flg.value.userIdList = userIdList
|
||
// marketPreADD(flg.value)
|
||
// getDataA();
|
||
console.log(flg.value)
|
||
}
|
||
editB.value.userIdList = userIdList
|
||
editB.value.userList = userList
|
||
if (userIdList.length > 0) {
|
||
userData.value = true
|
||
console.log(userIdList, 8888)
|
||
} else userData.value = false
|
||
}
|
||
const CloseThiss = (data: boolean) => {
|
||
showModal.value = data
|
||
// setUserList.value = []
|
||
if (dbAuthType.value) {
|
||
dbAuthType.value = 0
|
||
// getAuth()
|
||
}
|
||
}
|
||
const getAll = () => {
|
||
// cateIds.value = ''
|
||
getInfo()
|
||
}
|
||
|
||
const lazyState = computed(() => [pageInfo.currentPage])
|
||
watch(
|
||
() => unref(lazyState),
|
||
async (v) => {
|
||
getTree()
|
||
},
|
||
{ immediate: true, deep: true }
|
||
)
|
||
|
||
const handleSizeChange = (e) => {
|
||
console.log(e)
|
||
}
|
||
|
||
const handleCurrentChange = (e) => {
|
||
console.log(e)
|
||
}
|
||
// 上移
|
||
async function onUpload(it) {
|
||
console.log(infoData)
|
||
// 当前数据的索引
|
||
let index = infoData._rawValue.findIndex((value: any) => value.id === it.id)
|
||
index -= 1
|
||
const onUploaddate = await dragFile({
|
||
cateId: it.cateId,
|
||
curId: it.id,
|
||
lastId: infoData._rawValue[index].id
|
||
})
|
||
getInfo()
|
||
|
||
console.log(infoData)
|
||
console.log(it.cateId, '分类id')
|
||
console.log(it.id, '当前位置的id')
|
||
console.log(infoData._rawValue[index].id, '上移位置的id')
|
||
// console.log(tableData._rawValue);
|
||
}
|
||
// 下移
|
||
async function ondownloads(it) {
|
||
// 当前数据的索引
|
||
let index = infoData._rawValue.findIndex((value) => value.id === it.id)
|
||
index += 1
|
||
// const {rows,total} = await cateFileList({cateId:prop.cateId,pageNum:currentPage,pageSize})
|
||
const ondownloads = await dragFile({
|
||
cateId: it.cateId,
|
||
curId: it.id,
|
||
lastId: infoData._rawValue[index].id
|
||
})
|
||
getInfo()
|
||
console.log(ondownloads)
|
||
}
|
||
// 获取该目录下是否设置过权限
|
||
const setUpload = ref(false)
|
||
const hasUpload = ref(false)
|
||
const setReview = ref(false)
|
||
const hasReview = ref(false)
|
||
async function getAuth() {
|
||
if (!cateIds.value) return
|
||
const { pageSize, currentPage } = pageInfo
|
||
const { rows: data = [] }: any = await fetchdbAuthGetInfo({
|
||
cateId: cateIds.value,
|
||
pageSize,
|
||
pageNum: currentPage
|
||
// type: 1
|
||
})
|
||
// 所有的上传者 和 审核者
|
||
authData.value = data || []
|
||
}
|
||
|
||
const handleClick = () => {
|
||
console.log(cateIds.value)
|
||
push({ path: '/DataBase/review', query: { cateId: cateIds.value } })
|
||
}
|
||
const handTooltip = (data: any[] = []) => {
|
||
return data.map((item: any) => item.nickName)?.join(', ') || undefined
|
||
}
|
||
// 根据 ID 返回所有父级 ID 的函数
|
||
function getParentIds(id: number, list: any[] = tableData.value): any {
|
||
if (!id) return
|
||
for (let i in list) {
|
||
if (list[i].id == id) return [list[i].id]
|
||
if (list[i].childList) {
|
||
let node = getParentIds(id, list[i].childList)
|
||
if (node !== undefined) return node.concat(list[i].id)
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<style lang="less" scoped>
|
||
::-webkit-scrollbar {
|
||
width: 1px;
|
||
}
|
||
|
||
.tableClass .cell {
|
||
padding: 0 !important;
|
||
height: 50px;
|
||
line-height: 25px !important;
|
||
text-align: center;
|
||
}
|
||
.descStyle {
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 3; //行数
|
||
-webkit-box-orient: vertical;
|
||
}
|
||
</style>
|