supervision
/
supervision-vue
4
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

fit: 知识库管理

main
wxc 6 months ago
parent
e4c686addc
commit
8602becb04
4 changed files with 201 additions and 6 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 8
      src/api/mobileSupervision/book.ts
  2. 144
      src/views/mobileSupervise/Book.vue
  3. 2
      src/views/mobileSupervise/Selfexamination.vue
  4. 53
      src/views/mobileSupervise/TaskProblem.vue

8
src/api/mobileSupervision/book.ts
Unescape View File

@ -0,0 +1,8 @@
import request from "@/api/request";
export function listBook(query) {
return request.get({
url: '/book',
query
});
}

144
src/views/mobileSupervise/Book.vue
Unescape View File

@ -0,0 +1,144 @@
<template>
<div class="container">
<header class="mb-20">
<el-form :label-width="114">
<el-row>
<el-col :span="6">
<el-form-item label="文件名">
<el-input
placeholder="文件名"
v-model="query.fileName"
/>
</el-form-item>
</el-col>
</el-row>
</el-form>
<div class="flex between">
<el-button type="primary" @click="handleShowAdd">
<template #icon>
<icon name="el-icon-Plus" />
</template>
上传知识</el-button
>
<div>
<el-button type="primary" @click="getList">
<template #icon>
<icon name="el-icon-Search" />
</template>
查询</el-button
>
<el-button @click="reset">重置</el-button>
</div>
</div>
</header>
<div class="table-container">
<el-table :data="users">
<el-table-column label="文件名" prop="fileName" />
<el-table-column label="文件路径" prop="filePath" />
<el-table-column
label="创建时间"
prop="createTime"
width="200"
/>
<el-table-column label="操作" width="200">
<template #default="{ row }">
<el-button
type="primary"
link
@click="download(row.filePath)"
v-perms="['user:edit']"
>下载文件</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<div class="flex end mt-8">
<el-pagination
@size-change="getList"
@current-change="getList"
:page-sizes="[10, 20, 50]"
v-model:page-size="query.size"
v-model:current-page="query.current"
layout="total, sizes, prev, pager, next"
:total="total"
>
</el-pagination>
</div>
</div>
<el-dialog
title="上传知识"
v-model="show"
>
<el-upload
drag
:action="`${BASE_PATH}/book`"
:headers="{ Authorization: getToken() }"
multiple
v-model:file-list="fileList"
@success="handleSuccess"
accept="application/pdf,text/plain,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
class="mt-20"
>
<el-icon class="el-icon--upload"
><upload-filled
/></el-icon>
<div class="el-upload__text">
<p>点击或拖拽文件到此区域上传</p>
</div>
</el-upload>
<footer class="flex end mt-20">
<el-button @click="show = false" size="large">取消</el-button>
<el-button type="primary" size="large">确定</el-button>
</footer>
</el-dialog>
</template>
<script setup>
import { getToken } from "@/utils/token";
import { BASE_PATH } from "@/api/request";
import { listBook } from "@/api/mobileSupervision/book";
import feedback from "@/utils/feedback";
const users = ref([]);
const query = ref({
current: 1,
size: 10,
});
const total = ref(0);
function getList() {
listBook(query.value).then((data) => {
users.value = data.records;
total.value = data.total;
});
}
function reset() {
query.value = {
current: 1,
size: 10,
};
getList();
}
getList();
const show = ref(false);
function handleShowAdd() {
show.value = true;
}
const fileList = ref([])
function handleSuccess() {
getList()
}
function download(filePath) {
window.open(`${BASE_PATH}/file/stream/${filePath}`);
}
</script>
<style lang="scss" scoped>
</style>

2
src/views/mobileSupervise/Selfexamination.vue
Unescape View File

@ -265,7 +265,7 @@
size="small"
type="danger"
plain
@click="form.contents.push({})"
@click="form.contents.splice(index, 1)"
>
<template #icon>
<icon name="el-icon-Delete" />

53
src/views/mobileSupervise/TaskProblem.vue
Unescape View File

@ -82,6 +82,7 @@
prop="problemType"
width="100"
align="center"
show-overflow-tooltip
/>
<el-table-column
label="问题描述"
@ -90,8 +91,8 @@
/>
<el-table-column label="分发状态">
<template #default="{ row }">
<span v-if="row.taskStatus === 'todo'">执行中</span>
<span v-if="row.taskStatus === 'done'">已完成</span>
<span v-if="row.distributionState === '0'">未分发</span>
<span v-if="row.distributionState === '1'">已分发</span>
</template>
</el-table-column>
<el-table-column label="操作" width="240">
@ -99,7 +100,7 @@
<el-button
type="primary"
link
@click="handleShowDetail(row)"
@click="showDeatil(row)"
>问题详情</el-button
>
<el-button
@ -108,12 +109,12 @@
@click="handleProblemsShow(row)"
>问题下发</el-button
>
<el-button
<!-- <el-button
type="primary"
link
@click="handleProblemsShow(row)"
>处置情况</el-button
>
> -->
</template>
</el-table-column>
</el-table>
@ -131,6 +132,41 @@
</el-pagination>
</div>
</div>
<el-dialog title="问题详情" v-model="show">
<div>
<div class="row">
<div class="col col-12">
<label>发现时间</label>
<span>{{ activeRow.createTime }}</span>
</div>
<div class="col col-12">
<label>问题来源</label>
<span>{{ getDictLable(dict.taskType, activeRow.taskType) }}</span>
</div>
<div class="col col-12">
<label>涉及单位</label>
<span>{{ activeRow.departName }}</span>
</div>
<div class="col col-12">
<label>涉及人员</label>
<span>{{ activeRow.peoples }}</span>
</div>
<div class="col col-24">
<label>问题类型</label>
<span>{{ activeRow.problemType || '/' }}</span>
</div>
<div class="col col-24">
<label>问题描述</label>
<span>{{ activeRow.thingDesc }}</span>
</div>
<div class="col col-24">
<label>分发状态</label>
<span>{{ getDictLable(dict.distributionState, activeRow.distributionState) }}</span>
</div>
</div>
</div>
</el-dialog>
</template>
<script setup>
import { getDictLable } from "@/utils/util";
@ -169,6 +205,13 @@ import { getDictLable } from "@/utils/util";
onMounted(() => {
getList()
})
const show = ref(false)
const activeRow = ref({})
function showDeatil(row) {
show.value = true
activeRow.value = row
}
</script>
<style lang="scss" scoped>

Write Preview
Loading…
Cancel
Save