feat: 知识报送页面开发路由缓存
parent
d4cb3d99f5
commit
51fc1a2b6d
@ -0,0 +1,50 @@
|
||||
import { http } from "@/utils/http";
|
||||
|
||||
/** 查询知识库分页 */
|
||||
|
||||
export const queryKnowledgePage = (data?: object) => {
|
||||
return http.request("get", "/know-sub/knowledge/queryKnowledgePage", {
|
||||
params: data
|
||||
});
|
||||
};
|
||||
/** 新增知识库*/
|
||||
export const saveKnowledge = (data?: object) => {
|
||||
return http.request("post", "/know-sub/knowledge/saveKnowledge", {
|
||||
data
|
||||
});
|
||||
};
|
||||
|
||||
/** 修改知识库(*/
|
||||
export const updateKnowledge = (data?: object) => {
|
||||
return http.request("post", "/know-sub/knowledge/updateKnowledge", {
|
||||
data
|
||||
});
|
||||
};
|
||||
/** 分页查询部门信息列表 */
|
||||
|
||||
export const queryDeptManageList = (data?: object) => {
|
||||
return http.request("get", "/know-sub/deptManage/list", {
|
||||
params: data
|
||||
});
|
||||
};
|
||||
/** 分页查询应用子库 */
|
||||
|
||||
export const queryApplicationSubLibrary = (data?: object) => {
|
||||
return http.request("get", "/know-sub/applicationSubLibrary/list", {
|
||||
params: data
|
||||
});
|
||||
};
|
||||
/** 删除知识库 */
|
||||
|
||||
export const deleteKnowledge = (data?: object) => {
|
||||
return http.request("get", "/know-sub/knowledge/deleteKnowledge", {
|
||||
params: data
|
||||
});
|
||||
};
|
||||
/** 查看知识的详细信息 */
|
||||
|
||||
export const queryKnowledgeDetail = (data?: object) => {
|
||||
return http.request("get", "/know-sub/knowledge/queryKnowledgeDetail", {
|
||||
params: data
|
||||
});
|
||||
};
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 MiB After Width: | Height: | Size: 2.0 MiB |
@ -0,0 +1,21 @@
|
||||
import { defineStore } from "pinia";
|
||||
import { store } from "@/store";
|
||||
export const useKnowledgeCentreStore = defineStore({
|
||||
id: "knowledgeCentre",
|
||||
state: () => ({
|
||||
departmentList: [],
|
||||
applicationSubLibrary: []
|
||||
}),
|
||||
actions: {
|
||||
getDepartmentList(data) {
|
||||
this.departmentList = data;
|
||||
},
|
||||
getApplicationSubLibrary(data) {
|
||||
this.applicationSubLibrary = data;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
export function useKnowledgeCentreStoreHooks() {
|
||||
return useKnowledgeCentreStore(store);
|
||||
}
|
||||
@ -0,0 +1,236 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import { ArrowDown } from "@element-plus/icons-vue";
|
||||
import { useRouter } from "vue-router";
|
||||
import TransferRecords from "../compontents/TransferRecords.vue";
|
||||
import Details from "../compontents/Details.vue";
|
||||
defineOptions({
|
||||
name: "approval"
|
||||
});
|
||||
const loading = ref(false);
|
||||
const seachForm = reactive({
|
||||
title: "",
|
||||
publishDeptName: "",
|
||||
status: ""
|
||||
});
|
||||
const TransferRecordRef = ref();
|
||||
const DetailsRef = ref();
|
||||
const tabList = ref([
|
||||
{
|
||||
title: "待审批",
|
||||
id: ""
|
||||
},
|
||||
{
|
||||
title: "已审批",
|
||||
id: "1"
|
||||
}
|
||||
]);
|
||||
const pagination = reactive({
|
||||
total: 0,
|
||||
pageSize: 10,
|
||||
currentPage: 1,
|
||||
background: true
|
||||
});
|
||||
const columns: TableColumnList = [
|
||||
{
|
||||
type: "selection",
|
||||
width: 55
|
||||
},
|
||||
{
|
||||
label: "ID",
|
||||
prop: "diseaseName"
|
||||
},
|
||||
{
|
||||
label: "知识标题",
|
||||
prop: "title",
|
||||
slot: "titleSlot"
|
||||
},
|
||||
{
|
||||
label: "发文部门",
|
||||
prop: "diseaseName"
|
||||
},
|
||||
{
|
||||
label: "状态",
|
||||
prop: "diseaseName"
|
||||
},
|
||||
{
|
||||
label: "最新时间",
|
||||
prop: "diseaseName"
|
||||
},
|
||||
{
|
||||
label: "操作",
|
||||
fixed: "right",
|
||||
width: 350,
|
||||
slot: "operation"
|
||||
}
|
||||
];
|
||||
const router = useRouter();
|
||||
const dataList = ref([
|
||||
{
|
||||
title: "企业职工退休网上办理"
|
||||
}
|
||||
]);
|
||||
const getData = async () => {
|
||||
// const params = {
|
||||
// pageNum: pagination.currentPage,
|
||||
// pageSize: pagination.pageSize,
|
||||
// diseaseName: seachForm.diseaseName,
|
||||
// diseaseType: seachForm.diseaseType
|
||||
// };
|
||||
// const res: any = await queryPageList(params);
|
||||
// dataList.value = res.data.records;
|
||||
// pagination.total = res.data.total;
|
||||
};
|
||||
function handleSizeChange(val: number) {
|
||||
pagination.pageSize = val;
|
||||
getData();
|
||||
}
|
||||
|
||||
function handleCurrentChange(val: number) {
|
||||
pagination.currentPage = val;
|
||||
getData();
|
||||
}
|
||||
const search = () => {
|
||||
pagination.currentPage = 1;
|
||||
pagination.pageSize = 10;
|
||||
getData();
|
||||
};
|
||||
|
||||
const reset = () => {
|
||||
seachForm.title = "";
|
||||
seachForm.publishDeptName = "";
|
||||
search();
|
||||
};
|
||||
const handleCommand = command => {
|
||||
console.log("Command", command);
|
||||
};
|
||||
const changeStatus = item => {
|
||||
seachForm.status = item.id;
|
||||
};
|
||||
const add = () => {
|
||||
router.push("/knowledgeCentre/addSubmission");
|
||||
};
|
||||
const openRecords = () => {
|
||||
TransferRecordRef.value.open();
|
||||
};
|
||||
const openDetails = row => {
|
||||
DetailsRef.value.open(row);
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="submission app-main-content">
|
||||
<div class="seach">
|
||||
<div class="seach-title"><span>知识审批</span></div>
|
||||
<el-form :model="seachForm">
|
||||
<el-row>
|
||||
<el-form-item label="知识标题">
|
||||
<el-input v-model="seachForm.title" />
|
||||
</el-form-item>
|
||||
<el-form-item class="ml-4" label="发文部门">
|
||||
<el-input v-model="seachForm.publishDeptName" />
|
||||
</el-form-item>
|
||||
<el-button class="ml-8" @click="search" type="primary"
|
||||
>搜索</el-button
|
||||
>
|
||||
<el-button @click="reset">重置</el-button>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="main-table">
|
||||
<div class="main-table-header">
|
||||
<div class="tab-list">
|
||||
<div
|
||||
class="tab-list-item"
|
||||
:class="[seachForm.status === item.id ? 'actived' : '']"
|
||||
v-for="(item, index) in tabList"
|
||||
:key="index"
|
||||
@click="changeStatus(item)"
|
||||
>
|
||||
<span>{{ item.title }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-btn">
|
||||
<el-button @click="add" type="primary">批量通过</el-button>
|
||||
<el-button @click="add" type="primary">批量驳回</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<pure-table
|
||||
showOverflowTooltip
|
||||
:data="dataList"
|
||||
:columns="columns"
|
||||
:header-cell-style="{
|
||||
background: 'var(--el-table-row-hover-bg-color)',
|
||||
color: 'var(--el-text-color-primary)'
|
||||
}"
|
||||
>
|
||||
<template #operation="{ row }">
|
||||
<el-button link type="primary" @click="openRecords(row)">
|
||||
流转记录
|
||||
</el-button>
|
||||
</template>
|
||||
<template #titleSlot="{ row }">
|
||||
<span class="table-title" @click="openDetails(row)">{{
|
||||
row.title
|
||||
}}</span>
|
||||
</template>
|
||||
</pure-table>
|
||||
</div>
|
||||
<TransferRecords ref="TransferRecordRef" />
|
||||
<Details ref="DetailsRef" />
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.submission {
|
||||
.main-table-header {
|
||||
display: flex;
|
||||
margin-bottom: 24px;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #dfe1e2;
|
||||
.tab-list {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
.tab-list-item {
|
||||
padding: 16px 34px;
|
||||
border: 1px solid #dfe1e2;
|
||||
border-bottom: 0;
|
||||
background: #f5f7f9;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
cursor: pointer;
|
||||
}
|
||||
.actived {
|
||||
background: #ffffff;
|
||||
|
||||
color: #0052d9;
|
||||
border: 0;
|
||||
border-top: 3px solid #0052d9;
|
||||
}
|
||||
}
|
||||
.header-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.header-tabs {
|
||||
}
|
||||
.main-btn {
|
||||
width: 142px;
|
||||
height: 32px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: #0052d9;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
font-size: 14px;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
.table-title {
|
||||
font-size: 16px;
|
||||
color: #0052d9;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,102 @@
|
||||
<template>
|
||||
<el-dialog
|
||||
width="600"
|
||||
append-to-body
|
||||
v-model="dialogVisible"
|
||||
:center="true"
|
||||
custom-class="KnowledgeDelete"
|
||||
><!-- 使用自定义头部组件 -->
|
||||
<template v-slot:header>
|
||||
<div class="KnowledgeDelete-header">
|
||||
<img :src="delIcon" alt="" />
|
||||
<span>知识删除</span>
|
||||
</div>
|
||||
</template>
|
||||
<div class="withdraw-content">
|
||||
<div class="label">删除原因</div>
|
||||
<el-input
|
||||
v-model="reason"
|
||||
maxlength="200"
|
||||
:rows="4"
|
||||
placeholder="请输入"
|
||||
show-word-limit
|
||||
type="textarea"
|
||||
/>
|
||||
<div class="footer-btn">
|
||||
<div class="cancel_btn" @click="dialogVisible = false">取消</div>
|
||||
<!-- <div class="determine_btn">确定</div> -->
|
||||
<el-button
|
||||
size="large"
|
||||
@click="submit"
|
||||
style="width: 140px; margin: 0"
|
||||
class="footer-btn"
|
||||
type="primary"
|
||||
>确定</el-button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
import delIcon from "@/assets/knowledge/del.png";
|
||||
import { message } from "@/utils/message";
|
||||
const dialogVisible = ref(false);
|
||||
const reason = ref("");
|
||||
defineExpose({
|
||||
open(val) {
|
||||
id.value = val;
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
});
|
||||
const id = ref("");
|
||||
const closeDialog = () => {
|
||||
dialogVisible.value = false;
|
||||
};
|
||||
const emit = defineEmits(["delOk"]);
|
||||
const submit = () => {
|
||||
if (reason.value) {
|
||||
emit("delOk", id.value, reason.value);
|
||||
closeDialog();
|
||||
} else {
|
||||
message("请填写原因", { type: "error" });
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.KnowledgeDelete-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 24px;
|
||||
height: 76px;
|
||||
border-bottom: 1px solid rgba(91, 139, 255, 0.3);
|
||||
position: relative;
|
||||
width: 100%;
|
||||
span {
|
||||
font-weight: bold;
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
}
|
||||
img {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
:deep(.el-dialog__header) {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.withdraw-content {
|
||||
.label {
|
||||
font-size: 16px;
|
||||
color: #333333;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.desc {
|
||||
margin-top: 8px;
|
||||
font-size: 14px;
|
||||
color: #b4b4b4;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,274 @@
|
||||
<script setup lang="ts">
|
||||
import { ref } from "vue";
|
||||
|
||||
defineOptions({
|
||||
name: "TransferRecords"
|
||||
});
|
||||
|
||||
const dialogVisible = ref(false);
|
||||
const recordList = ref([
|
||||
{
|
||||
title: "知识报送",
|
||||
status: 0,
|
||||
time: "2024-03-12 12:24:23",
|
||||
name: "刘小华",
|
||||
department: "深圳市人力资源和社会保障局",
|
||||
desc: "说明说明说明说明说明说明说明说明说明"
|
||||
},
|
||||
{
|
||||
title: "驳回",
|
||||
status: 1,
|
||||
time: "2024-03-12 12:24:23",
|
||||
name: "刘小华",
|
||||
department: "深圳市人力资源和社会保障局",
|
||||
desc: "说明说明说明说明说明说明说明说明说明"
|
||||
},
|
||||
{
|
||||
title: "知识报送",
|
||||
status: 0,
|
||||
time: "2024-03-12 12:24:23",
|
||||
name: "刘小华",
|
||||
department: "深圳市人力资源和社会保障局",
|
||||
desc: "说明说明说明说明说明说明说明说明说明"
|
||||
},
|
||||
{
|
||||
title: "通过",
|
||||
status: 2,
|
||||
time: "2024-03-12 12:24:23",
|
||||
name: "刘小华",
|
||||
department: "深圳市人力资源和社会保障局",
|
||||
desc: "说明说明说明说明说明说明说明说明说明"
|
||||
},
|
||||
{
|
||||
title: "知识撤回",
|
||||
status: 3,
|
||||
time: "2024-03-12 12:24:23",
|
||||
name: "刘小华",
|
||||
department: "深圳市人力资源和社会保障局",
|
||||
desc: "说明说明说明说明说明说明说明说明说明"
|
||||
}
|
||||
]);
|
||||
defineExpose({
|
||||
open() {
|
||||
dialogVisible.value = true;
|
||||
}
|
||||
});
|
||||
|
||||
const closeDialog = () => {
|
||||
dialogVisible.value = false;
|
||||
};
|
||||
const colorList = ["#0052D9", "#FF3429", "#00975E", "#FF9311"];
|
||||
const getStatusColor = index => {
|
||||
return {
|
||||
borderColor: colorList[index]
|
||||
};
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<el-drawer
|
||||
:size="900"
|
||||
append-to-body
|
||||
v-model="dialogVisible"
|
||||
:show-close="false"
|
||||
:with-header="false"
|
||||
:before-close="closeDialog"
|
||||
custom-class="TransferRecords"
|
||||
>
|
||||
<div class="TransferRecords">
|
||||
<div class="header-title">
|
||||
<div class="tip" />
|
||||
<span>流转记录</span>
|
||||
</div>
|
||||
<div class="line" />
|
||||
<div class="content">
|
||||
<div class="content-title">知识标题知识标题</div>
|
||||
<div class="record_list">
|
||||
<div
|
||||
class="record_list_item"
|
||||
v-for="(item, index) in recordList"
|
||||
:key="index"
|
||||
>
|
||||
<div class="step_item">
|
||||
<div
|
||||
:style="getStatusColor(item.status)"
|
||||
class="step_item_drop"
|
||||
/>
|
||||
<div
|
||||
v-if="index !== recordList.length - 1"
|
||||
class="step_item_line"
|
||||
/>
|
||||
</div>
|
||||
<div class="step_content">
|
||||
<div class="step_content_head">
|
||||
<span>{{ item.title }}</span>
|
||||
<span class="time">{{ item.time }}</span>
|
||||
</div>
|
||||
<div class="step_content_item">
|
||||
<span class="label">姓名</span>
|
||||
<div class="value">{{ item.name }}</div>
|
||||
</div>
|
||||
<div class="step_content_item">
|
||||
<span class="label">部门</span>
|
||||
<div class="value">{{ item.department }}</div>
|
||||
</div>
|
||||
<div class="step_content_item">
|
||||
<span class="label">说明</span>
|
||||
<div class="value">{{ item.desc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.TransferRecords {
|
||||
padding-left: 16px;
|
||||
:deep(.el-form-item__label) {
|
||||
font-weight: 400;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
:deep(.hide .el-upload--picture-card) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// border-left: 6px solid #4287ff;
|
||||
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #2b3f54;
|
||||
|
||||
.tip {
|
||||
width: 6px;
|
||||
height: 20px;
|
||||
margin-right: 10px;
|
||||
line-height: 20px;
|
||||
background: #4287ff;
|
||||
}
|
||||
}
|
||||
|
||||
.line {
|
||||
position: relative;
|
||||
left: -20px;
|
||||
width: 860px;
|
||||
height: 1px;
|
||||
margin: 24px 0;
|
||||
background: rgb(91 139 255 / 30%);
|
||||
}
|
||||
.content {
|
||||
margin-top: 20px;
|
||||
.content-title {
|
||||
font-size: 20px;
|
||||
color: #333333;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.record_list {
|
||||
margin-top: 40px;
|
||||
.record_list_item {
|
||||
display: flex;
|
||||
|
||||
.step_item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.step_item_drop {
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
background: #ffffff;
|
||||
border-radius: 50%;
|
||||
border: 3px solid #0052d9;
|
||||
}
|
||||
.step_item_line {
|
||||
width: 1px;
|
||||
flex: 1;
|
||||
background: #d9d9d9;
|
||||
position: relative;
|
||||
left: 6px;
|
||||
}
|
||||
.step_content {
|
||||
margin-left: 40px;
|
||||
padding-bottom: 40px;
|
||||
.step_content_head {
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
.time {
|
||||
margin-left: 8px;
|
||||
font-size: 16px;
|
||||
color: #999999;
|
||||
}
|
||||
}
|
||||
.step_content_item {
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
color: #666666;
|
||||
margin-top: 10px;
|
||||
.label {
|
||||
width: 48px;
|
||||
}
|
||||
.value {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer_btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
margin-top: 16px;
|
||||
|
||||
.reset {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
margin-right: 24px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 48px;
|
||||
color: #4287ff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
border: 1px solid #4287ff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 188px;
|
||||
height: 48px;
|
||||
font-size: 16px;
|
||||
line-height: 48px;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background: #4287ff;
|
||||
border: 1px solid #4287ff;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.upload_img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
|
||||
.tip {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 200px;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #b4b4b4;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,513 @@
|
||||
<script setup lang="ts">
|
||||
import { ElMessage, UploadProps } from "element-plus";
|
||||
import { computed, reactive, ref } from "vue";
|
||||
import { Plus } from "@element-plus/icons-vue";
|
||||
|
||||
import WangEditor from "@/components/WangEditor/index.vue";
|
||||
import { useKnowledgeCentreStoreHooks } from "@/store/modules/knowledgeCentre";
|
||||
import { message } from "@/utils/message";
|
||||
const ruleFormRef = ref();
|
||||
const formData = reactive({
|
||||
operate: "",
|
||||
linkList: [
|
||||
{
|
||||
linkName: "",
|
||||
linkUrl: ""
|
||||
}
|
||||
],
|
||||
baseId: "",
|
||||
execTime: undefined,
|
||||
fileIdList: [],
|
||||
excerpt: "",
|
||||
publishDeptId: "",
|
||||
|
||||
knowledgeInfo: {
|
||||
timeliness: undefined,
|
||||
execTimeBegin: "",
|
||||
execTimeEnd: "",
|
||||
autoLoseEffect: undefined,
|
||||
territory: "",
|
||||
knowledgeTag: "",
|
||||
policyType: "",
|
||||
publishScope: "",
|
||||
publishDate: undefined
|
||||
},
|
||||
fileList: []
|
||||
});
|
||||
|
||||
defineExpose({
|
||||
getDetails(data) {
|
||||
refWangEditor.value.initText(data.knowledgeContext.context);
|
||||
refWangEditor.value.initTitle(data.knowledge.title);
|
||||
const fileIdList = [];
|
||||
const fileList = [];
|
||||
data.fileInfoList.forEach(e => {
|
||||
fileIdList.push(e.fileBlobId);
|
||||
fileList.push({
|
||||
name: e.fileName
|
||||
});
|
||||
});
|
||||
const { baseId, excerpt, publishDeptId } = data.knowledge;
|
||||
const obj = {
|
||||
operate: "",
|
||||
linkList: data.knowledgeLinkList,
|
||||
baseId,
|
||||
execTime: [
|
||||
data.knowledgeInfo.execTimeBegin,
|
||||
data.knowledgeInfo.execTimeEnd
|
||||
],
|
||||
fileIdList,
|
||||
excerpt,
|
||||
publishDeptId,
|
||||
knowledgeInfo: data.knowledgeInfo,
|
||||
fileList
|
||||
};
|
||||
for (const key in obj) {
|
||||
// eslint-disable-next-line no-prototype-builtins
|
||||
if (formData.hasOwnProperty(key)) {
|
||||
formData[key] = obj[key];
|
||||
}
|
||||
}
|
||||
console.log(formData);
|
||||
}
|
||||
});
|
||||
const departmentList = computed(() => {
|
||||
return useKnowledgeCentreStoreHooks().departmentList;
|
||||
});
|
||||
const applicationSubLibrary = computed(() => {
|
||||
return useKnowledgeCentreStoreHooks().applicationSubLibrary;
|
||||
});
|
||||
const refWangEditor = ref();
|
||||
const rules = {
|
||||
publishDeptId: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
baseId: [{ required: true, message: "请选择", trigger: "change" }],
|
||||
"knowledgeInfo.publishDate": [
|
||||
{ required: true, message: "请选择", trigger: "change" }
|
||||
],
|
||||
"knowledgeInfo.timeliness": [
|
||||
{ required: true, message: "请选择", trigger: "change" }
|
||||
]
|
||||
};
|
||||
|
||||
const handleSuccess: UploadProps["onSuccess"] = response => {
|
||||
if (response.code === 200) {
|
||||
formData.fileIdList.push(response.data);
|
||||
}
|
||||
};
|
||||
const handleRemove: UploadProps["onRemove"] = (file, uploadFiles) => {
|
||||
console.log(file, uploadFiles);
|
||||
const list = [];
|
||||
for (const item of uploadFiles) {
|
||||
list.push(item.response.data);
|
||||
}
|
||||
formData.fileIdList = list;
|
||||
};
|
||||
const beforeUpload: UploadProps["beforeUpload"] = async rawFile => {
|
||||
//上传图片格式和大小要求 png|jpg 10M
|
||||
|
||||
const type = rawFile.name.split(".")[rawFile.name.split(".").length - 1];
|
||||
if (rawFile.size / 1024 / 1024 > 10) {
|
||||
ElMessage.error("大小不能大于10M");
|
||||
return false;
|
||||
}
|
||||
// fileInfo.fileName = rawFile.name;
|
||||
return true;
|
||||
};
|
||||
const addUrl = () => {
|
||||
formData.linkList.push({
|
||||
linkName: "",
|
||||
linkUrl: ""
|
||||
});
|
||||
};
|
||||
const delUrl = index => {
|
||||
formData.linkList.splice(index, 1);
|
||||
};
|
||||
const emit = defineEmits(["save"]);
|
||||
const save = async (type, formEl) => {
|
||||
if (!refWangEditor.value.title || !refWangEditor.value.valueHtml) {
|
||||
message("请填写标题和正文", { type: "error" });
|
||||
return;
|
||||
}
|
||||
const { excerpt, fileIdList, linkList, publishDeptId, execTime, baseId } =
|
||||
formData;
|
||||
if (execTime && execTime.length > 0) {
|
||||
formData.knowledgeInfo.execTimeBegin = execTime[0];
|
||||
formData.knowledgeInfo.execTimeEnd = execTime[1];
|
||||
}
|
||||
const params = {
|
||||
operate: type,
|
||||
title: refWangEditor.value.title,
|
||||
content: refWangEditor.value.valueHtml,
|
||||
excerpt,
|
||||
fileIdList,
|
||||
linkList,
|
||||
publishDeptId,
|
||||
baseId,
|
||||
knowledgeInfo: formData.knowledgeInfo
|
||||
};
|
||||
|
||||
if (type === 2) {
|
||||
formEl.validate(async (valid, fields) => {
|
||||
if (valid) {
|
||||
emit("save", params);
|
||||
} else {
|
||||
return fields;
|
||||
}
|
||||
});
|
||||
} else {
|
||||
emit("save", params);
|
||||
}
|
||||
};
|
||||
const changeType = val => {
|
||||
if (val === 1) {
|
||||
formData.execTime = [];
|
||||
}
|
||||
};
|
||||
const reset = () => {
|
||||
ruleFormRef.value.resetFields();
|
||||
formData.linkList = [
|
||||
{
|
||||
linkName: "",
|
||||
linkUrl: ""
|
||||
}
|
||||
];
|
||||
refWangEditor.value.initText("");
|
||||
refWangEditor.value.initTitle("");
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="template-submission">
|
||||
<el-scrollbar class="main-content" :show-scrollbar="false">
|
||||
<el-form
|
||||
ref="ruleFormRef"
|
||||
:model="formData"
|
||||
:rules="rules"
|
||||
label-width="100px"
|
||||
>
|
||||
<div class="main-card">
|
||||
<div class="main-card-title">
|
||||
<span>报送知识</span>
|
||||
</div>
|
||||
<el-row>
|
||||
<!-- <el-form-item class="ml-2" label="报送人姓名" prop="normalResult">
|
||||
<el-input v-model="formData.normalResult" placeholder="请输入" />
|
||||
</el-form-item>
|
||||
<el-form-item class="ml-8" label="报送人部门" prop="normalResult">
|
||||
<el-input v-model="formData.normalResult" placeholder="请输入" />
|
||||
</el-form-item> -->
|
||||
</el-row>
|
||||
</div>
|
||||
<div class="Editortext">
|
||||
<WangEditor ref="refWangEditor" />
|
||||
</div>
|
||||
<div class="main-card">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="摘要" prop="excerpt">
|
||||
<el-input
|
||||
size="large"
|
||||
v-model="formData.excerpt"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="相关附件" prop="fileList">
|
||||
<el-upload
|
||||
:file-list="formData.fileList"
|
||||
:limit="5"
|
||||
multiple
|
||||
action="/know-sub/file/upload"
|
||||
:on-success="handleSuccess"
|
||||
:on-remove="handleRemove"
|
||||
:before-upload="beforeUpload"
|
||||
>
|
||||
<div class="upload-btn">
|
||||
<el-icon><Plus class="upload-btn-icon" /></el-icon>
|
||||
<span>上传素材</span>
|
||||
</div>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-form-item label="相关链接">
|
||||
<div
|
||||
class="url_list"
|
||||
v-for="(item, index) in formData.linkList"
|
||||
:key="index"
|
||||
>
|
||||
<el-row class="url_list_item">
|
||||
<el-input
|
||||
size="large"
|
||||
style="width: 500px"
|
||||
v-model="formData.linkList[index].linkName"
|
||||
placeholder="请输入链接标题"
|
||||
/>
|
||||
<el-input
|
||||
style="width: 600px; margin-left: 16px"
|
||||
size="large"
|
||||
v-model="formData.linkList[index].linkUrl"
|
||||
placeholder="请输入链接"
|
||||
><template #append>URL</template></el-input
|
||||
>
|
||||
<div v-if="index === 0" class="add_url" @click="addUrl">
|
||||
<el-icon><Plus class="upload-btn-icon" /></el-icon>
|
||||
<span>添加链接</span>
|
||||
</div>
|
||||
<div v-else @click="delUrl(index)" class="del_url">
|
||||
<span>删除</span>
|
||||
</div>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="main-card">
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="发文部门" prop="publishDeptId">
|
||||
<el-select
|
||||
size="large"
|
||||
filterable
|
||||
v-model="formData.publishDeptId"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in departmentList"
|
||||
:key="item.id"
|
||||
:label="item.deptName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="应用子库" prop="baseId">
|
||||
<el-select
|
||||
size="large"
|
||||
filterable
|
||||
v-model="formData.baseId"
|
||||
placeholder="请选择"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in applicationSubLibrary"
|
||||
:key="item.id"
|
||||
:label="item.baseName"
|
||||
:value="item.id"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="发布日期" prop="knowledgeInfo.publishDate">
|
||||
<el-date-picker
|
||||
v-model="formData.knowledgeInfo.publishDate"
|
||||
type="date"
|
||||
value-format="YYYY-MM-DD"
|
||||
placeholder="请选择"
|
||||
size="large"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-form-item label="有效日期" prop="knowledgeInfo.timeliness">
|
||||
<el-radio-group
|
||||
@change="changeType"
|
||||
v-model="formData.knowledgeInfo.timeliness"
|
||||
class="ml-4"
|
||||
>
|
||||
<el-radio :label="1" size="large">长期有效</el-radio>
|
||||
<el-radio :label="2" size="large">临时有效</el-radio>
|
||||
</el-radio-group>
|
||||
<el-date-picker
|
||||
v-if="formData.knowledgeInfo.timeliness === 2"
|
||||
class="ml-4"
|
||||
v-model="formData.execTime"
|
||||
value-format="YYYY-MM-DD"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="有效开始时间"
|
||||
end-placeholder="有效结束时间"
|
||||
size="large"
|
||||
/>
|
||||
<!-- <el-checkbox
|
||||
class="ml-4"
|
||||
:true-label="1"
|
||||
:false-label="0"
|
||||
v-model="formData.knowledgeInfo.autoLoseEffect"
|
||||
label="到期自动失效"
|
||||
size="large"
|
||||
/> -->
|
||||
</el-form-item>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="所属地域" prop="knowledgeInfo.territory">
|
||||
<el-input
|
||||
size="large"
|
||||
v-model="formData.knowledgeInfo.territory"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="知识标签" prop="knowledgeInfo.knowledgeTag">
|
||||
<el-input
|
||||
size="large"
|
||||
v-model="formData.knowledgeInfo.knowledgeTag"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="政策类型" prop="knowledgeInfo.policyType">
|
||||
<el-input
|
||||
size="large"
|
||||
v-model="formData.knowledgeInfo.policyType"
|
||||
placeholder="请输入"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24">
|
||||
<el-form-item label="公开范围" prop="knowledgeInfo.publishScope">
|
||||
<el-radio-group
|
||||
v-model="formData.knowledgeInfo.publishScope"
|
||||
class="ml-4"
|
||||
>
|
||||
<el-radio :label="0" size="large">公开</el-radio>
|
||||
<el-radio :label="1" size="large">不公开</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form>
|
||||
</el-scrollbar>
|
||||
|
||||
<div class="footer-content">
|
||||
<el-button
|
||||
@click="save(2, ruleFormRef)"
|
||||
size="large"
|
||||
style="width: 150px; height: 50px"
|
||||
type="primary"
|
||||
>发布</el-button
|
||||
>
|
||||
<div class="normal_btn" @click="save(1, ruleFormRef)">存草稿</div>
|
||||
<span class="reset_btn" @click="reset">重置</span>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped>
|
||||
.template-submission {
|
||||
margin: 0 80px;
|
||||
|
||||
.main-content {
|
||||
height: calc(100vh - 280px);
|
||||
overflow: auto;
|
||||
.main-card {
|
||||
width: 100%;
|
||||
|
||||
background: #ffffff;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
margin-bottom: 16px;
|
||||
padding: 24px;
|
||||
.main-card-title {
|
||||
margin-bottom: 24px;
|
||||
span {
|
||||
font-size: 24px;
|
||||
color: #333333;
|
||||
padding-left: 8px;
|
||||
border-left: 6px solid #0052d9;
|
||||
}
|
||||
}
|
||||
.upload-btn {
|
||||
width: 140px;
|
||||
height: 50px;
|
||||
background: #ffffff;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #0052d9;
|
||||
font-size: 16px;
|
||||
color: #0052d9;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.upload-btn-icon {
|
||||
color: #0052d9;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.url_list {
|
||||
.url_list_item {
|
||||
display: flex;
|
||||
margin-bottom: 32px;
|
||||
.add_url {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 16px;
|
||||
font-size: 16px;
|
||||
color: #0052d9;
|
||||
cursor: pointer;
|
||||
}
|
||||
.del_url {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 16px;
|
||||
font-size: 16px;
|
||||
color: #999999;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
.footer-content {
|
||||
width: 100%;
|
||||
height: 99px;
|
||||
box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
|
||||
background: #ffffff;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: row-reverse;
|
||||
padding: 24px;
|
||||
margin-top: 16px;
|
||||
.normal_btn {
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
border: 1px solid #0052d9;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: #0052d9;
|
||||
margin-right: 40px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.reset_btn {
|
||||
margin-right: 40px;
|
||||
font-size: 16px;
|
||||
color: #999999;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.Editortext {
|
||||
background: #ffffff;
|
||||
border-radius: 6px 6px 6px 6px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,13 @@
|
||||
<script setup lang="ts">
|
||||
import WangEditor from "@/components/WangEditor/index.vue";
|
||||
import { ref } from "vue";
|
||||
|
||||
const refWangEditor = ref();
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="Editortext">
|
||||
<WangEditor ref="refWangEditor" />
|
||||
</div>
|
||||
</template>
|
||||
<style lang="scss" scoped></style>
|
||||
@ -0,0 +1,29 @@
|
||||
<script setup lang="ts">
|
||||
import MainTemplate from "../MainTemplate.vue";
|
||||
import { saveKnowledge } from "@/api/knowledgeCentre";
|
||||
import { useTabsStore } from "@/store/modules/tabs";
|
||||
import { message } from "@/utils/message";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
defineOptions({
|
||||
name: "addSubmission"
|
||||
});
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const tabs = useTabsStore();
|
||||
const save = async params => {
|
||||
const res: any = await saveKnowledge(params);
|
||||
if (res.code === 200) {
|
||||
message("新增成功", { type: "success" });
|
||||
tabs.closeCurrentTag({
|
||||
$router: router,
|
||||
$route: route
|
||||
});
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<MainTemplate @save="save" />
|
||||
</div>
|
||||
</template>
|
||||
@ -0,0 +1,44 @@
|
||||
<script setup lang="ts">
|
||||
import MainTemplate from "../MainTemplate.vue";
|
||||
import { updateKnowledge, queryKnowledgeDetail } from "@/api/knowledgeCentre";
|
||||
import { useTabsStore } from "@/store/modules/tabs";
|
||||
import { message } from "@/utils/message";
|
||||
import { onMounted, ref } from "vue";
|
||||
import { useRoute, useRouter } from "vue-router";
|
||||
defineOptions({
|
||||
name: "editSubmission"
|
||||
});
|
||||
const router = useRouter();
|
||||
const route = useRoute();
|
||||
const tabs = useTabsStore();
|
||||
const MainTemplateRef = ref();
|
||||
const save = async params => {
|
||||
const res: any = await updateKnowledge({
|
||||
...params,
|
||||
knowledgeId: route.query.id
|
||||
});
|
||||
if (res.code === 200) {
|
||||
message("编辑成功", { type: "success" });
|
||||
tabs.closeCurrentTag({
|
||||
$router: router,
|
||||
$route: route
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
const getDeatils = async () => {
|
||||
const res: any = await queryKnowledgeDetail({
|
||||
knowledgeId: route.query.id
|
||||
});
|
||||
MainTemplateRef.value.getDetails(res.data);
|
||||
};
|
||||
onMounted(() => {
|
||||
getDeatils();
|
||||
});
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<MainTemplate ref="MainTemplateRef" @save="save" />
|
||||
</div>
|
||||
</template>
|
||||
Loading…
Reference in New Issue