WxxyDeveloper/Jsl-OA-Web-Re
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

日报、信息、审批

Browse Source
This commit is contained in:
妖姐 2024-04-22 20:03:14 +08:00
parent 4a785953a5
commit 5bb185d59b
22 changed files with 1122 additions and 1455 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components.d.ts vendored
View File

@ -43,6 +43,7 @@ declare module '@vue/runtime-core' {
ElRow: typeof import('element-plus/es')['ElRow']
ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
ElSelect: typeof import('element-plus/es')['ElSelect']
ElSelectV2: typeof import('element-plus/es')['ElSelectV2']
ElSlider: typeof import('element-plus/es')['ElSlider']
ElSubMenu: typeof import('element-plus/es')['ElSubMenu']
ElSwitch: typeof import('element-plus/es')['ElSwitch']

28
mock/demo/_routes.js
View File

@ -355,12 +355,12 @@ export const asyncRoutes = [
},
{
path: '/tab',
path: '/daily',
component: 'layout/Layout',
children: [
{
path: 'index',
component: 'views/tab/index',
component: 'views/daily/index',
name: 'Tab',
meta: { title: 'Tab', icon: 'tab' }
}
@ -393,13 +393,13 @@ export const asyncRoutes = [
},
{
path: '/error-log',
path: '/Message',
component: 'layout/Layout',
redirect: 'noRedirect',
children: [
{
path: 'log',
component: 'views/error-log/index',
component: 'views/Message/index',
name: 'ErrorLog',
meta: { title: 'Error Log', icon: 'bug' }
}
@ -407,36 +407,36 @@ export const asyncRoutes = [
},
{
path: '/excel',
path: '/examine',
component: 'layout/Layout',
redirect: '/excel/export-excel',
redirect: '/examine/export-examine',
name: 'Excel',
meta: {
title: 'Excel',
icon: 'excel'
icon: 'examine'
},
children: [
{
path: 'export-excel',
component: 'views/excel/export-excel',
path: 'export-examine',
component: 'views/examine/export-examine',
name: 'ExportExcel',
meta: { title: 'Export Excel' }
},
{
path: 'export-selected-excel',
component: 'views/excel/select-excel',
path: 'export-selected-examine',
component: 'views/examine/select-examine',
name: 'SelectExcel',
meta: { title: 'Select Excel' }
},
{
path: 'export-merge-header',
component: 'views/excel/merge-header',
component: 'views/examine/merge-header',
name: 'MergeHeader',
meta: { title: 'Merge Header' }
},
{
path: 'upload-excel',
component: 'views/excel/upload-excel',
path: 'upload-examine',
component: 'views/examine/upload-examine',
name: 'UploadExcel',
meta: { title: 'Upload Excel' }
}

58
src/api/daily.js Normal file
View File

@ -0,0 +1,58 @@
import request from '../utils/request';
function getCurrentTimestamp() {
return new Date().getTime();
}
// 获取日报
export function GetMyDaily(data, token) {
return request({
url: '/daily/getMyDaily',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
//提交日报
export function DailyAdd(data, token) {
return request({
url: '/daily/add',
method: 'post',
data: data,
headers: {
'content-type':'application/json;charset=utf-8',
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
//编辑日报
export function DailyUpdate(data, token) {
return request({
url: '/daily/update',
method: 'put',
data: data,
headers: {
'content-type':'application/json;charset=utf-8',
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
//查询日报
export function SearchDaily(data, token) {
return request({
url: '/daily/search',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}

74
src/api/examine.js
View File

@ -3,14 +3,53 @@ function getCurrentTimestamp() {
return new Date().getTime();
}
// 根据名称获取项目列表
export function ProjectGetByName(data, token) {
return request({
url: '/project/get/name',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
// 项目名查询所有子系统
export function ProjectChildGetName(data, token) {
return request({
url: '/project/child/get/id',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
//根据项目和系统名查询系统所属子模块
export function ProjectModuleGetName(data, token) {
return request({
url: '/project/module/get/id',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
// 提交申请
export function ReviewAdd(data, token) {
return request({
url: '/review/add',
method: 'post',
params: data,
data: data,
headers: {
'content-type':'application/json;charset=utf-8',
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
@ -33,11 +72,12 @@ export function GetMyReview(data, token) {
// id result
export function UpdateReviewResult(data, token) {
return request({
url: '/review/updateReviewResult',
method: 'get',
params: data,
url: '/review/updateReview',
method: 'put',
data: data,
headers: {
'Authorization':'Bearer '+token,
'content-type':'application/json;charset=utf-8',
'Timestamp':getCurrentTimestamp()
}
});
@ -54,4 +94,30 @@ export function ReviewRecords(data, token) {
'Timestamp':getCurrentTimestamp()
}
});
}
//查询我的审核
export function ReviewSearchMyReview(data, token) {
return request({
url: '/review/searchMyReview',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}
//查询我的记录
export function ReviewRecordsSearch(data, token) {
return request({
url: '/review/searchReviewRecords',
method: 'get',
params: data,
headers: {
'Authorization':'Bearer '+token,
'Timestamp':getCurrentTimestamp()
}
});
}

2
src/components/UploadExcel/index.vue
View File

@ -76,7 +76,7 @@ export default defineComponent({
this.upload(rawFile);
},
upload(rawFile) {
this.$refs['excel-upload-input'].value = null; // fix can't select the same excel
this.$refs['excel-upload-input'].value = null; // fix can't select the same examine
if (!this.beforeUpload) {
this.readerData(rawFile);

44
src/router/index.ts
View File

@ -70,7 +70,7 @@ export const constantRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'index',
// component: () => import('@/views/documentation/index.vue'),
// component: () => import('@/views/documentation/Message.vue'),
// name: 'Documentation',
// meta: { title: 'Documentation', icon: 'documentation', affix: true }
// }
@ -83,7 +83,7 @@ export const constantRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'index',
// component: () => import('@/views/guide/index.vue'),
// component: () => import('@/views/guide/Message.vue'),
// name: 'Guide',
// meta: { title: 'Guide', icon: 'guide', noCache: true }
// }
@ -201,7 +201,7 @@ export const asyncRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'index',
// component: () => import('@/views/icons/index.vue'),
// component: () => import('@/views/icons/Message.vue'),
// name: 'Icons',
// meta: { title: 'Icons', icon: 'icon', noCache: true }
// }
@ -251,7 +251,7 @@ export const asyncRoutes:RouteRecordRaw[] = [
children: [
{
path: 'd',
component: () => import('@/views/tab/index.vue'),
component: () => import('@/views/daily/index.vue'),
name: 'Tab',
meta: { title: '日报', icon: 'tab', role: ['principle', 'developer', 'console'] }
}
@ -289,39 +289,39 @@ export const asyncRoutes:RouteRecordRaw[] = [
children: [
{
path: 'ms',
component: () => import('@/views/error-log/index.vue'),
name: 'ErrorLog',
meta: { title: '信息', icon: 'bug', role: ['principle', 'developer', 'console'] }
component: () => import('@/views/Message/Message.vue'),
name: 'email',
meta: { title: '信息', icon: 'email', role: ['principle', 'developer', 'console'] }
}
]
},
{
path: '/excel',
path: '/examine',
component: Layout,
redirect: '/excel/export-excel',
name: 'Excel',
redirect: '/examine/export-examine',
name: 'examine',
meta: {
title: '申请和审批',
icon: 'excel'
},
children: [
{
path: 'export-excel',
component: () => import('@/views/excel/export-excel.vue'),
path: 'submit-application',
component: () => import('@/views/examine/submit-application.vue'),
name: 'ExportExcel',
meta: { title: '提交申请' }
},
{
path: 'export-selected-excel',
component: () => import('@/views/excel/select-excel.vue'),
name: 'SelectExcel',
path: 'export-selected-examine',
component: () => import('@/views/examine/My-review.vue'),
name: 'MyReview',
meta: { title: '我的审批' }
},
{
path: 'export-update-excel',
component: () => import('@/views/excel/upload-excel.vue'),
name: 'MergeHeader',
path: 'search-record',
component: () => import('@/views/examine/search-records.vue'),
name: 'searchRecord',
meta: { title: '记录查询' }
}
]
@ -336,7 +336,7 @@ export const asyncRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'download',
// component: () => import('@/views/zip/index.vue'),
// component: () => import('@/views/zip/Message.vue'),
// name: 'ExportZip',
// meta: { title: 'Export Zip' }
// }
@ -350,7 +350,7 @@ export const asyncRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'index',
// component: () => import('@/views/pdf/index.vue'),
// component: () => import('@/views/pdf/Message.vue'),
// name: 'PDF',
// meta: { title: 'PDF', icon: 'pdf' }
// }
@ -368,7 +368,7 @@ export const asyncRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'index',
// component: () => import('@/views/theme/index.vue'),
// component: () => import('@/views/theme/Message.vue'),
// name: 'Theme',
// meta: { title: 'Theme', icon: 'theme' }
// }
@ -381,7 +381,7 @@ export const asyncRoutes:RouteRecordRaw[] = [
// children: [
// {
// path: 'index',
// component: () => import('@/views/clipboard/index.vue'),
// component: () => import('@/views/clipboard/Message.vue'),
// name: 'ClipboardDemo',
// meta: { title: 'Clipboard', icon: 'clipboard' }
// }

2
src/vendor/Export2Excel.js vendored
View File

@ -154,7 +154,7 @@ export function export_json_to_excel({
bookType = 'xlsx'
} = {}) {
/* original data */
filename = filename || 'excel-list'
filename = filename || 'examine-list'
data = [...data]
data.unshift(header);

106
src/views/error-log/index.vue → src/views/Message/Message.vue
View File

@ -31,11 +31,11 @@
text
>历史记录</el-button
>
<el-tag type="primary" style="margin-right: 1.7vw">总数：{{messageData.total}}</el-tag>
<el-tag style="margin-right: 1.7vw">总数：{{messageData.total}}</el-tag>
</div>
<div style="height: 43vh">
<div v-for="(row, index) in messageData.data" :key="index" class="table-row">
<div v-for="(row) in messageData.data" :key="Message" class="table-row">
<div class="table-author" style="text-align: left">
<span class="date" style="display:flex;flex-direction: column">
<span style="color:skyblue">{{row.senderName}}</span>
@ -46,7 +46,7 @@
<span>{{ formatDateTime(row.createdAt) }}</span>
</div>
<div class="table-btn table-cell-right">
<el-button size="small" type="danger" @click="handleDelete(index, row);centerDialogVisible = true">Delete</el-button>
<el-button size="small" type="danger" @click="handleDelete(row);centerDialogVisible = true">Delete</el-button>
<el-dialog v-model="centerDialogVisible" title="删除" width="500" :modal="false">
<span>
是否确认删除此条信息？
@ -63,12 +63,6 @@
</div>
</div>
</div>
<!-- <el-pagination page-size="5" v-model:current-page="currentPage"-->
<!-- background-->
<!-- layout="prev, pager, next"-->
<!-- :total="messageData.total"-->
<!-- style="display: flex;flex-direction: row;justify-content: center;margin-top: 0.5vh"-->
<!-- />-->
<el-pagination
@current-change="pagination"
@ -91,20 +85,6 @@ import {getToken} from "@/utils/auth";
const centerDialogVisible = ref(false);
// 时间选择器
const value2 = ref('')
let currentPage = ref(1);
function flushData() {
messageGet(requestData, getToken()).then((res)=>{
console.log("getMessageResult:",res.data);
messageData.data = res.data.list
messageData.total = res.data.total
currentPage = res.data.currentPage
})
}
function pagination(currentPage: number) {
requestData.page = currentPage
flushData()
}
const shortcuts = [
{
text: 'Last week',
@ -134,6 +114,29 @@ const shortcuts = [
},
},
]
// 表格
interface Message {
id: number
createdAt: string
name: string
text: string
}
const deleteData = reactive({
id: -1
})
const handleDelete = ( row: Message) => {
deleteData.id = row.id
console.log("time:select", value2.value[1])
};
const messageData = reactive({
data:[],
total: 0
})
let requestData = reactive({
page:1,
pageSize: 5,
@ -147,39 +150,25 @@ watch(value2, (newValue) => {
requestData.end = formatDateTime(newValue[1])
}
})
// watch(currentPage, async (newPage, oldPage) => {
// requestData.page = newPage
// flushData()
// })
const messageData = reactive({
data:[],
total: 0
})
onMounted(() => {
flushData()
flushData()
})
// 状态选择器
// 表格
interface Message {
id: number
createdAt: string
name: string
text: string
function flushData() {
messageGet(requestData, getToken()).then((res)=>{
console.log("getMessageResult:",res.data.list);
messageData.data = res.data.list
messageData.total = res.data.total
})
}
const deleteData = reactive({
id: -1
})
const handleDelete = (index: number, row: Message) => {
deleteData.id = row.id
console.log(index, row);
console.log("time:select", value2.value[1])
};
function pagination(currentPage: number) {
requestData.page = currentPage
flushData()
}
function deleteItem(){
if (deleteData.id === -1) {
ElMessage.error("删除异常，请重试！")
@ -227,22 +216,10 @@ function formatDateTime(dateTimeString: string): string {
line-height: normal;
padding: 7px;
}
.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden;
}
.my-autocomplete li .addr {
font-size: 12px;
color: #b4b4b4;
}
.my-autocomplete li .highlighted .addr {
color: #ddd;
}
.table-row {
display: flex;
align-items: center;
/*margin-bottom: 10px;*/
}
.table-author {
@ -251,7 +228,6 @@ function formatDateTime(dateTimeString: string): string {
display: flex;
justify-content: left;
align-items: center;
/*background-color: #04befe;*/
}
.table-time {
flex: 0.3;
@ -259,11 +235,10 @@ function formatDateTime(dateTimeString: string): string {
display: flex;
justify-content: right;
align-items: center;
/*background-color: #ff1439;*/
}
.table-btn {
flex: 0.3;
padding: 0px;
padding: 0;
display: flex;
justify-content: right;
@ -280,7 +255,6 @@ function formatDateTime(dateTimeString: string): string {
}
.date {
display: flex;
/*align-items: center;*/
}
.date el-icon {

380
src/views/daily/index.vue Normal file
View File

@ -0,0 +1,380 @@
<template>
<div style=" width:100%">
<el-card style="max-width: 100vw;margin: 1.5vw;">
<template #header><span>日报</span></template>
<div style="display:flex;flex-direction:row;justify-content: space-around ">
<div>
项目
<el-select-v2
v-model="requestData.projectId"
style="width: 240px;"
filterable
remote
:remote-method="remoteMethod"
clearable
:options="options"
:loading="loading"
placeholder="请输入所属项目"
/>
</div>
<div>
时间
<el-date-picker
v-model="value2"
type="datetimerange"
:shortcuts="shortcuts"
range-separator="To"
start-placeholder="Start date"
end-placeholder="End date"
/>
</div>
<div>
<el-button type="primary" style="width:80px" @click="selectMessage">查询</el-button>
<el-button style="width:80px" @click="resetting">重置</el-button>
</div>
</div>
</el-card>
<el-card style="max-width: 100vw;height:60vh;margin:1.3vw">
<div style="display:flex;flex-direction: row;justify-content: space-between">
<div>
<el-button text >历史记录</el-button>
<el-tag>总条数：{{ messageData.total }}</el-tag>
</div>
<el-button type="primary" @click="AddDialogVisible=true">新建</el-button>
<el-dialog v-model="AddDialogVisible" width="500" center :modal="false" :show-close="false">
<template #header>
<div style="display:flex;flex-direction: row;justify-content: flex-start;color:red;font-size:large" >新增日报</div>
<el-divider content-position="left" style="background:red"><el-icon><CaretTop /></el-icon></el-divider>
</template>
<div>
<div style="margin-top:-4vh ">
<span style="color:red">项目名称：</span>
<el-select-v2
v-model="AddContent.projectId"
style="width: 240px;"
filterable
remote
:remote-method="remoteMethod"
clearable
:options="options"
:loading="loading"
placeholder="请输入所属项目"
/>
</div>
<div style="margin-top:2vh ">
<span style="color:red"> 工作时间：</span>
<el-date-picker
v-model="AddContent.dailyTime"
type="datetime"
placeholder="Pick a Date"
/>
</div>
<div style="margin-top:2vh ;display:flex;flex-direction:row;">
<span style="color: red">日报内容：</span>
<el-input
v-model="AddContent.content"
style="width: 360px;"
:rows="4"
type="textarea"
placeholder="请输入"
/>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="AddDialogVisible = false" type="info" style="width: 80px">取消 </el-button>
<el-button type="danger" style="width:80px" @click="AddDailyMs">
新增
</el-button>
</div>
</template>
</el-dialog>
</div>
<div style="height: 45vh;">
<el-table :data="messageData.data" style="max-width: 100vw;">
<el-table-column property="projectName" label="项目名称" width="120" />
<el-table-column property="userName" label="项目负责人" />
<el-table-column property="content" label="日报" />
<el-table-column property="userName" label="日报填写者" />
<el-table-column property="createdAt" label="填写时间" />
<el-table-column property="dailyTime" label="工作时间" />
<el-table-column property="id" label="操作" >
<template #default="scope">
<el-button size="small" text style="color:deepskyblue" @click="EditDailyMs(scope.row)">修改</el-button>
<el-dialog v-model="EditDialogVisible" width="500" center :modal="false" :show-close="false">
<template #header>
<div style="display:flex;flex-direction: row;justify-content: flex-start;color:#409eff;font-size:large" >编辑日报</div>
<el-divider content-position="left" style="background:red"><el-icon><CaretTop /></el-icon></el-divider>
</template>
<div>
<div style="margin-top:-4vh ">
<span style="color:#409eff"> 工作时间：</span>
<el-date-picker
v-model="updateContent.dailyTime"
type="datetime"
placeholder="输入工作时间"
/>
</div>
<div style="margin-top:2vh ;display:flex;flex-direction:row;">
<span style="color:#409eff">日报内容：</span>
<el-input
v-model="updateContent.content"
style="width: 360px;"
:rows="4"
type="textarea"
placeholder="请输入"
/>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="EditDialogVisible = false">取消</el-button>
<el-button type="primary" @click="EditDailyContent">
确认
</el-button>
</div>
</template>
</el-dialog>
</template>
</el-table-column>
</el-table>
</div>
<el-pagination
@current-change="pagination"
background layout="prev, pager, next"
:total="messageData.total"
v-model:page-size="requestData.pageSize"
style="display: flex;flex-direction: row;justify-content: center;margin-top: 0.5vh"
/>
</el-card>
</div>
</template>
<script lang="ts" setup>
import {onMounted, reactive, ref, watch} from 'vue';
import { ElTable } from 'element-plus';
import {getToken} from "@/utils/auth";
import { CaretTop } from '@element-plus/icons-vue';
import {GetMyDaily,DailyUpdate,DailyAdd,SearchDaily} from '@/api/daily'
import {ProjectGetByName} from "@/api/examine";
// 修改对话框
let EditDialogVisible = ref(false);
const updateContent = reactive({
dailyTime:'',
content:'',
id:null,
projectId: null,
})
function EditDailyMs(row){
updateContent.content = row.content
updateContent.dailyTime = row.dailyTime
updateContent.id = row.id
updateContent.projectId = row.projectId
EditDialogVisible.value = true
}
// 新建对话框
const AddDialogVisible = ref(false);
const AddContent = reactive({
projectId:<unknown>null,
content:'',
dailyTime:''
})
function AddDailyMs(){
AddContent.dailyTime = formatDateTime(AddContent.dailyTime)
// console.log("requestAddData:", AddContent)
DailyAdd(AddContent,getToken()).then((res)=>{
console.log("新增日报Result",res)
if (res.code === 200) {
ElMessage.success("新增成功")
}
flushData()
AddContent.dailyTime = ''
AddContent.content = ''
AddContent.projectId = null
})
AddDialogVisible.value = false
}
// 获取项目输入框
let list: ProjectAll[] = []
interface ProjectAll {
value: string
label: string
}
const value = ref()
const options = ref<ProjectAll[]>([])
const loading = ref(false)
const qwe = reactive({
data: <ProjectAll[]>[]
})
const remoteMethod = (query: string) => {
if (query !== '') {
loading.value = true
setTimeout(() => {
loading.value = false
options.value = list.filter((item) => {
// return item.name.toLowerCase().includes(query.toLowerCase())
const lowerCaseName = item.label.toLowerCase();
const lowerCaseQuery = query.toLowerCase();
return lowerCaseName.includes(lowerCaseQuery);
})
// console.log("表单：",options.value)
}, 200)
} else {
// console.log("空")
options.value = []
}
}
// 获取数据
let requestData = reactive({
page:1,
pageSize: 6,
beginTime: '',
endTime: '',
projectId:<unknown>null,
})
const messageData = reactive({
data:[],
total: 0
})
onMounted(() => {
flushData()
});
// 时间选择器
// 监听时间选择器，对时间选择器的数据进行拆分并传到请求数据中。
const value2 = ref('')
watch(value2, (newValue) => {
if (newValue !== '') {
requestData.beginTime = formatDateTime(newValue[0])
requestData.endTime = formatDateTime(newValue[1])
}
})
function pagination(currentPage: number) {
requestData.page = currentPage
flushData()
}
function flushData() {
GetMyDaily(requestData, getToken()).then((res)=>{
console.log('requestData',requestData)
console.log("getMessageResult999:",res.data);
messageData.data = res.data.list
messageData.total = res.data.totalCount
})
ProjectGetByName(projectByName, getToken()).then((res) => {
qwe.data = res.data
list = qwe.data.map((item): ProjectAll => {
return { value: item.id, label: item.name }
})
})
}
const projectByName = reactive({
name:''
})
const state = ref('');
// 时间选择器
const shortcuts = [
{
text: 'Last week',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
return [start, end];
}
},
{
text: 'Last month',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
return [start, end];
}
},
{
text: 'Last 3 months',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
}
}
];
function resetting(){
requestData.beginTime = ''
requestData.endTime = ''
value2.value = ''
requestData.projectId = ''
}
// 查询接口
function selectMessage (){
if(requestData.projectId !==null ){
SearchDaily(requestData,getToken()).then((res)=>{
if (res.code === 200){
messageData.data = res.data.list
messageData.total = res.data.totalCount
ElMessage.success("查询成功！")
}else {
ElMessage.error("查询失败！请重试！")
}
console.log('查询成功?',res)
})
}else {
flushData()
}
}
//自定义方法：格式化时间
function formatDateTime(dateTimeString: string): string {
const dateTime = new Date(dateTimeString);
const year = dateTime.getFullYear();
const month = String(dateTime.getMonth() + 1).padStart(2, '0');
const date = String(dateTime.getDate()).padStart(2, '0');
const hours = String(dateTime.getHours()).padStart(2, '0');
const minutes = String(dateTime.getMinutes()).padStart(2, '0');
const seconds = String(dateTime.getSeconds()).padStart(2, '0');
return `${year}-${month}-${date} ${hours}:${minutes}:${seconds}`;
}
// 编辑接口
function EditDailyContent(){
EditDialogVisible.value = false
DailyUpdate(updateContent,getToken()).then((res)=>{
if(res.code === 200){
ElMessage.success('修改成功！')
flushData()
}
})
}
</script>
<style>
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
</style>

15
src/views/error-log/components/ErrorTestA.vue
View File

@ -1,15 +0,0 @@
<template>
<div>
<!--error code-->
{{ a.a }}
<!--error code-->
</div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
name: 'ErrorTestA'
});
</script>

13
src/views/error-log/components/ErrorTestB.vue
View File

@ -1,13 +0,0 @@
<template>
<div />
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
created() {
this.b = b // eslint-disable-line
}
});
</script>

184
src/views/examine/My-review.vue Normal file
View File

@ -0,0 +1,184 @@
<template>
<div style=" width:100%">
<el-card style="max-width: 100vw;margin: 1.5vw;">
<template #header><strong >我的审批</strong></template>
<div style="display:flex;flex-direction:row;justify-content: space-between ">
<div>
名称
<el-input v-model="requestData.content" style="width: 240px;margin-left:0.5vw" placeholder="请输入" />
</div>
<div>
<el-button type="primary" style="width:80px" @click="SelectMyms">查询</el-button>
<el-button style="width:80px" @click="resetting">重置</el-button>
</div>
</div>
</el-card>
<el-card style="max-width: 100vw;height:60vh;margin:1.3vw">
<div style="display:flex;flex-direction: row;justify-content: space-between">
<el-button text >历史记录</el-button>
<el-tag style="margin-right: 6vw">总数：{{ examineData.total }}</el-tag>
</div>
<div style="height: 40vh">
<el-table type="index" :data="examineData.data" empty-text="无数据" style="width: 100%">
<el-table-column fixed prop="name" label="申请名称" width="120" />
<el-table-column prop="projectChildName" label="所属项目" width="120" />
<el-table-column prop="projectModuleName" label="所属子系统" width="120" />
<el-table-column prop="senderName" label="申请者" width="180" >
</el-table-column>
<el-table-column prop="category" label="类型" width="120" />
<el-table-column prop="result" label="状态" width="120" >
<el-tag type="warning" property="result">待审核</el-tag>
</el-table-column>
<el-table-column prop="applicationTime" label="申请时间" width="200" />
<el-table-column prop="content" label="申请理由" width="400" />
<el-table-column fixed="right" property="id" label="操作" width="200">
<template #default="scope">
<el-popconfirm
confirm-button-text="通过"
cancel-button-text="关闭"
:icon="InfoFilled"
icon-color="#626AEF"
title="确定要通过审核吗？"
@confirm="okExamine(scope.row.id)"
@cancel="cancelEvent"
>
<template #reference>
<el-button size="small" text style="color:deepskyblue">审核通过</el-button>
</template>
</el-popconfirm>
<el-divider direction="vertical" />
<el-popconfirm
confirm-button-text="拒绝"
cancel-button-text="关闭"
:icon="InfoFilled"
icon-color="red"
title="确认要拒绝通过吗?确定后不能改变"
@confirm="offExamine(scope.row.id)"
@cancel="cancelEvent"
>
<template #reference>
<el-button size="small" text style="color:red">拒绝申请</el-button>
</template>
</el-popconfirm>
</template>
</el-table-column>
</el-table>
</div>
<el-pagination
larger
@current-change="pagination"
background
layout="prev, pager, next"
v-model:page-size="requestData.pageSize"
:total="examineData.total" class="mt-4"
style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh"
/>
</el-card>
</div>
</template>
<script lang="ts" setup>
import {reactive, ref} from 'vue';
import { ElTable } from 'element-plus';
import { InfoFilled } from '@element-plus/icons-vue';
import {GetMyReview, UpdateReviewResult,ReviewSearchMyReview} from '@/api/examine'
import { onMounted } from 'vue';
import {getToken} from "@/utils/auth";
const cancelEvent = () => {
console.log('cancel!')
}
const state = ref('');
const okExamineRequestData = reactive({
id: -1,
result: -1
})
const requestData = reactive({
page: 1,
pageSize: 6,
content:''
})
const examineData = reactive({
data:[],
total:0,
})
const content = ref()
function okExamine(id: number){
okExamineRequestData.result = 1
okExamineRequestData.id = id
UpdateReviewResult(okExamineRequestData, getToken()).then((res) => {
if (res.code === 200) {
ElMessage.success("已通过此审批")
flushData()
} else {
ElMessage.error("通过审批失败，请重试")
flushData()
}
// console.log("确认通过审核：", res)
})
}
function offExamine(id: number) {
okExamineRequestData.result = 0
okExamineRequestData.id = id
UpdateReviewResult(okExamineRequestData, getToken()).then((res) => {
// console.log("拒绝通过审核：", res)
if (res.code === 200) {
ElMessage.success("拒绝审核成功！")
flushData()
}else {
ElMessage.error("拒绝审核失败,请重试")
flushData()
}
})
}
function flushData(){
GetMyReview(requestData, getToken()).then((res) => {
console.log('获取审批',res)
examineData.data = res.data.reviews
examineData.total = res.data.totalCount
// ElMessage.success("查询成功！")
})
}
function pagination(currentPage: number) {
requestData.page = currentPage
flushData()
}
onMounted(() => {
flushData()
});
// 查询
function SelectMyms(){
ReviewSearchMyReview(requestData,getToken()).then((res) => {
console.log('输出查询',res)
if (res.code === 200){
examineData.data = res.data.reviews
examineData.total = res.data.totalCount
ElMessage.success('查询成功！')
}else {
ElMessage.error('查询失败！请重试！')
}
})
}
// 重置
function resetting(){
requestData.content = ''
}
</script>
<style>
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
</style>

144
src/views/examine/search-records.vue Normal file
View File

@ -0,0 +1,144 @@
<template>
<div style=" width:100%">
<el-card style="max-width: 100vw;margin: 1.5vw;">
<template #header><strong >记录查询</strong></template>
<div style="display:flex;flex-direction:row;justify-content: space-around ">
<div>
名称
<el-input v-model="requestData.content" style="width: 240px;margin-left:0.5vw" placeholder="请输入" />
</div>
<div>
状态
<el-select
v-model="requestData.statue"
placeholder="请选择"
style="width: 240px"
>
<el-option
label="已审核"
value=1
/>
<el-option
label="已拒绝"
value=0
/>
<el-option
label="待审核"
value=2
/>
</el-select>
</div>
<div>
<el-button type="primary" style="width:80px" @click="selectMessage">查询</el-button>
<el-button style="width:80px" @click="resetting">重置</el-button>
</div>
</div>
</el-card>
<el-card style="max-width: 100vw;height:60vh;margin:1.3vw">
<div style="display:flex;flex-direction: row;justify-content: space-between">
<el-button text >历史记录</el-button>
<el-tag style="margin-right: 6vw">总条数：{{historyData.total}}</el-tag>
</div>
<div style="height: 45vh">
<el-table :data="historyData.data" style="width: 100%">
<!-- <el-table-column prop="date" label="序号" width="150" />-->
<el-table-column prop="name" label="申请名称" width="120" />
<el-table-column prop="projectChildName" label="所属项目" width="120" />
<el-table-column prop="projectChildId" label="所属子系统" width="120" />
<el-table-column prop="category" label="类型" width="120" />
<el-table-column label="状态" width="120" >
<template #default="scope">
<el-tag type="success" v-show="scope.row.result === '已通过'" >已通过</el-tag>
<el-tag type="warning" v-show="scope.row.result === '待审核'">待审核</el-tag>
<el-tag type="danger" v-show="scope.row.result === '已拒绝'">已拒绝</el-tag>
</template>
</el-table-column>
<el-table-column prop="senderName" label="申请者" width="180" >
</el-table-column>
<el-table-column prop="applicationTime" label="申请时间" width="200" />
<el-table-column prop="content" label="申请理由" width="400" />
</el-table>
</div>
<el-pagination
larger
background
@current-change="pagination"
v-model:page-size="requestData.pageSize"
layout="prev, pager, next"
:total="historyData.total" class="mt-4"
style="display: flex;flex-direction: row;justify-content: center;margin-top: 0.5vh"
/>
</el-card>
</div>
</template>
<script lang="ts" setup>
import {reactive} from 'vue';
import { ElTable } from 'element-plus';
import {ReviewRecords, ReviewRecordsSearch} from '@/api/examine';
import { onMounted } from 'vue';
import {getToken} from "@/utils/auth";
import pagination from "@/components/Pagination/index.vue";
const historyData = reactive({
data:[],
total:0,
})
const requestData = reactive({
page: 1,
pageSize: 6,
content:'',
statue: <unknown>null,
})
onMounted(() => {
flushData();
});
// 查询记录
function resetting(){
requestData.statue = null
requestData.content = ''
}
function selectMessage(){
console.log("requestData:", requestData)
ReviewRecordsSearch(requestData,getToken()).then((res) => {
console.log('查询我的记录',res)
historyData.total = res.data.totalCount
historyData.data = res.data.reviews
})
}
function flushData(){
ReviewRecords(requestData,getToken()).then((res) => {
console.log("记录查询",res)
historyData.total = res.data.totalCount
historyData.data = res.data.reviews
})
}
</script>
<style>
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden;
}
.my-autocomplete li .addr {
font-size: 12px;
color: #b4b4b4;
}
.my-autocomplete li .highlighted .addr {
color: #ddd;
}
</style>

207
src/views/examine/submit-application.vue Normal file
View File

@ -0,0 +1,207 @@
<template>
<el-card style="max-width: 100vw; margin: 1.5vw;height: 81vh">
<template #header>
<strong >提交申请</strong>
</template>
<div>
<div class="selectedContent">
<span class="selectedHeader">01.申请类别</span>
<el-select v-model="form.region" placeholder="请选择申请类别" style="width: 15vw">
<el-option label="子系统" value="system" />
<el-option label="模块" value="module" />
</el-select>
</div>
<div class="selectedContent">
<span class="selectedHeader">02.申请所属</span>
<el-select-v2
v-model="value"
style="width: 240px;"
filterable
remote
:remote-method="remoteMethod"
clearable
:options="options"
:loading="loading"
placeholder="请输入所属项目"
/>
</div>
<div class="selectedContent">
<el-select v-model="selectedSystem" class="selectedChild" v-show="form.region === 'module'" placeholder="所属子系统" style="width: 15vw">
<el-option v-for="(row, index) in systemData" :value="row.id" :label="row.name"/>
</el-select>
</div>
<div class="selectedContent" v-if="form.region === 'module'">
<span class="selectedHeader">03.申请名称</span>
<el-select style="width: 15vw" v-model="selectedModule">
<el-option v-for="(row) in moduleData" :value="row.id" :label="row.name"/>
</el-select>
</div>
<div class="selectedContent" v-else>
<span class="selectedHeader">03.申请名称</span>
<el-select style="width: 15vw" v-model="selectedSystem">
<el-option v-for="(row) in systemData" :value="row.id" :label="row.name"/>
</el-select>
</div>
<div class="selectedContent" style="display: flex;flex-direction: row">
<span class="selectedHeader">04.申请理由</span>
<el-input
v-model="textarea"
:rows="4"
type="textarea"
placeholder="Please input"
style="width: 20vw"
/>
</div>
<el-button type="primary" style="margin: 7vh 45vw " @click="submitCommit">提交申请</el-button>
</div>
</el-card>
</template>
<script setup lang="ts">
import {onMounted, reactive, ref, watch} from "vue";
import {ProjectGetByName, ProjectChildGetName, ReviewAdd, ProjectModuleGetName} from '@/api/examine';
import {getToken} from "@/utils/auth";
const qwe = reactive({
data: <ProjectAll[]>[]
})
let list: ProjectAll[] = []
//项目id
const value = ref()
const options = ref<ProjectAll[]>([])
const loading = ref(false)
const getSystemByProjectName = reactive({
id: null
})
const systemData = ref([])
//子系统id
const selectedSystem = ref()
//模块id
const selectedModule = ref()
const moduleRequestData = reactive({
childId:null
})
const moduleData = ref([])
const textarea = ref('')
const form = reactive({
region:'',
})
const projectByName = reactive({
name:''
})
const submitRequestData = reactive({
name: '无',
content: '',
projectId: null,
projectChildId: null,
projectModuleId: null
})
interface ProjectAll {
value: string
label: string
}
onMounted(() => {
flushData()
})
watch(value, async (newValue, oldValue) => {
console.log("new:", newValue)
console.log("old:", oldValue)
getSystemByProjectName.id = newValue
if (newValue !== null) {
await ProjectChildGetName(getSystemByProjectName, getToken()).then((res) => {
console.log("system：",res)
systemData.value = res.data
})
}
})
watch(selectedSystem, async (newValue, oldValue) => {
console.log("new:", newValue)
console.log("old:", oldValue)
moduleRequestData.childId = newValue
if (newValue !== null) {
await ProjectModuleGetName(moduleRequestData, getToken()).then((res) => {
console.log("modules",res)
moduleData.value = res.data
})
}
})
const remoteMethod = (query: string) => {
if (query !== '') {
loading.value = true
setTimeout(() => {
loading.value = false
options.value = list.filter((item) => {
// return item.name.toLowerCase().includes(query.toLowerCase())
const lowerCaseName = item.label.toLowerCase();
const lowerCaseQuery = query.toLowerCase();
return lowerCaseName.includes(lowerCaseQuery);
})
// console.log("表单：",options.value)
}, 200)
} else {
// console.log("空")
options.value = []
}
}
watch(form, () => {
clearData()
})
function flushData() {
//项目所属数据
ProjectGetByName(projectByName, getToken()).then((res) => {
qwe.data = res.data
list = qwe.data.map((item): ProjectAll => {
return { value: item.id, label: item.name }
})
})
}
function clearData() {
value.value = null
selectedSystem.value = null
selectedModule.value = null
textarea.value = ''
}
function submitCommit(){
submitRequestData.content = textarea.value
submitRequestData.projectId = value.value
submitRequestData.projectChildId = selectedSystem.value
if (form.region === 'module') {
submitRequestData.projectModuleId = selectedModule.value
}
console.log("submitRequestData",submitRequestData)
ReviewAdd(submitRequestData, getToken()).then((res) => {
console.log("submitResult:", res)
if (res.code === 200) {
ElMessage.success("提交申请成功！")
form.region = ''
clearData()
}else {
ElMessage.error("提交失败，请重试！")
}
})
}
</script>
<style scoped>
.selectedHeader{
font-weight: bold;
margin-right: 2vw;
}
.selectedContent{
margin-left: 35vw;
margin-top:5vh
}
.selectedChild{
margin-left: 7.7vw;
}
</style>

36
src/views/excel/components/AutoWidthOption.vue
View File

@ -1,36 +0,0 @@
<template>
<div style="display:inline-block;">
<label class="radio-label">Cell Auto-Width: </label>
<el-radio-group v-model="autoWidth">
<el-radio :label="true" border>
True
</el-radio>
<el-radio :label="false" border>
False
</el-radio>
</el-radio-group>
</div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
props: {
modelValue: {
type: Boolean,
default: true
}
},
computed: {
autoWidth: {
get() {
return this.modelValue;
},
set(val) {
this.$emit('update:modelValue', val);
}
}
}
});
</script>

41
src/views/excel/components/BookTypeOption.vue
View File

@ -1,41 +0,0 @@
<template>
<div style="display:inline-block;">
<label class="radio-label">Book Type: </label>
<el-select v-model="bookType" style="width:120px;">
<el-option
v-for="item in options"
:key="item"
:label="item"
:value="item"
/>
</el-select>
</div>
</template>
<script>
import { defineComponent } from 'vue';
export default defineComponent({
props: {
modelValue: {
type: String,
default: 'xlsx'
}
},
data() {
return {
options: ['xlsx', 'csv', 'txt']
};
},
computed: {
bookType: {
get() {
return this.modelValue;
},
set(val) {
this.$emit('update:modelValue', val);
}
}
}
});
</script>

35
src/views/excel/components/FilenameOption.vue
View File

@ -1,35 +0,0 @@
<template>
<div style="display:inline-block;">
<label class="radio-label" style="padding-left:0;">Filename: </label>
<el-input v-model="filename" placeholder="Please enter the file name (default excel-list)" style="width:345px;" :prefix-icon="IconDocument" />
</div>
</template>
<script>
import { defineComponent, markRaw } from 'vue';
import { Document as IconDocument } from '@element-plus/icons-vue';
export default defineComponent({
props: {
modelValue: {
type: String,
default: ''
}
},
data() {
return {
IconDocument: markRaw(IconDocument)
};
},
computed: {
filename: {
get() {
return this.modelValue;
},
set(val) {
this.$emit('update:modelValue', val);
}
}
}
});
</script>

119
src/views/excel/export-excel.vue
View File

@ -1,119 +0,0 @@
<template>
<el-card style="max-width: 100vw; margin: 1.5vw;height: 81vh">
<template #header>
<strong >提交申请</strong>
</template>
<div>
<div class="selectedContent">
<span class="selectedHeader">01.申请类别</span>
<el-select v-model="form.region" placeholder="请选择申请类别" style="width: 15vw">
<el-option label="子系统" value="system" />
<el-option label="模块" value="module" />
</el-select>
</div>
<div class="selectedContent">
<span class="selectedHeader">02.申请所属</span>
<el-autocomplete
v-model="state2"
:fetch-suggestions="querySearch"
:trigger-on-focus="false"
clearable
class="inline-input w-50"
placeholder="所属项目"
@select="handleSelect"
style="width: 15vw"
/>
</div>
<div class="selectedContent">
<!-- <span>02.申请所属</span>-->
<el-select v-model="form.childSystem" class="selectedChild" v-show="form.region === 'module'" placeholder="所属子系统" style="width: 15vw">
<el-option label="子系统" value="system" />
<el-option label="模块" value="module" />
</el-select>
</div>
<div class="selectedContent">
<span class="selectedHeader">03.申请名称</span>
<el-select style="width: 15vw">
<el-option></el-option>
</el-select>
</div>
<div class="selectedContent" style="display: flex;flex-direction: row">
<span class="selectedHeader">04.申请理由</span>
<el-input
v-model="textarea"
:rows="4"
type="textarea"
placeholder="Please input"
style="width: 20vw"
/>
</div>
<el-button type="primary" style="margin: 7vh 45vw ">提交申请</el-button>
</div>
</el-card>
</template>
<script setup lang="ts">
import {onMounted, reactive, ref} from "vue";
const textarea = ref('')
const form = reactive({
region:'',
childSystem:''
})
interface RestaurantItem {
value: string
link: string
}
const state2 = ref('')
const restaurants = ref<RestaurantItem[]>([])
const querySearch = (queryString: string, cb: any) => {
const results = queryString
? restaurants.value.filter(createFilter(queryString))
: restaurants.value
// call callback function to return suggestions
cb(results)
}
const createFilter = (queryString: string) => {
return (restaurant: RestaurantItem) => {
return (
restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
)
}
}
const loadAll = () => {
return [
{ value: 'vue', link: 'https://github.com/vuejs/vue' },
{ value: 'element', link: 'https://github.com/ElemeFE/element' },
{ value: 'cooking', link: 'https://github.com/ElemeFE/cooking' },
{ value: 'mint-ui', link: 'https://github.com/ElemeFE/mint-ui' },
{ value: 'vuex', link: 'https://github.com/vuejs/vuex' },
{ value: 'vue-router', link: 'https://github.com/vuejs/vue-router' },
{ value: 'babel', link: 'https://github.com/babel/babel' },
]
}
const handleSelect = (item: RestaurantItem) => {
console.log(item)
}
onMounted(() => {
restaurants.value = loadAll()
})
</script>
<style scoped>
.selectedHeader{
font-weight: bold;
margin-right: 2vw;
}
.selectedContent{
margin-left: 35vw;
margin-top:5vh
}
.selectedChild{
margin-left: 7.7vw;
}
</style>

396
src/views/excel/select-excel.vue
View File

@ -1,396 +0,0 @@
<template>
<div style=" width:100%">
<el-card style="max-width: 100vw;margin: 1.5vw;">
<!-- <template #header><span>我的审批</span></template>-->
<template #header><strong >我的审批</strong></template>
<div style="display:flex;flex-direction:row;justify-content: space-around ">
<div>
名称
<el-input v-model="input" style="width: 240px;margin-left:0.5vw" placeholder="请输入" />
</div>
<div>
状态
<el-autocomplete
v-model="state"
:fetch-suggestions="querySearch"
popper-class="my-autocomplete"
placeholder="Please input"
@select="handleSelect"
style="margin-left:0.5vw"
>
<template #suffix>
<el-icon class="el-input__icon" @click="handleIconClick">
<ArrowDownBold />
</el-icon>
</template>
<template #default="{ item }">
<div class="value">{{ item.value }}</div>
<span class="link">{{ item.link }}</span>
</template>
</el-autocomplete>
</div>
<div>
<el-button type="primary" style="width:80px">查询</el-button>
<el-button style="width:80px">重置</el-button>
</div>
</div>
</el-card>
<el-card style="max-width: 100vw;height:60vh;margin:1.3vw">
<div style="display:flex;flex-direction: row;justify-content: space-between">
<el-button text >历史记录</el-button>
</div>
<!-- <el-table ref="multipleTableRef" :data="tableData" style="max-width: 100vw;"-->
<!-- @selection-change="handleSelectionChange">-->
<!-- <el-table-column fixed type="selection" width="55" />-->
<!-- <el-table-column fixed label="序号" width="120">-->
<!-- <template #default="scope">{{ scope.row.date }}</template>-->
<!-- </el-table-column>-->
<!-- <el-table-column property="name" label="申请名称" width="120" />-->
<!-- <el-table-column property="address" label="所属项目" show-overflow-tooltip />-->
<!-- <el-table-column property="address" label="所属子系统" />-->
<!-- <el-table-column property="address" label="申请者" >-->
<!-- <el-tag type="primary" property="address">Tag 1</el-tag>-->
<!-- </el-table-column>-->
<!-- <el-table-column property="address" label="类型" />-->
<!-- <el-table-column property="address" label="状态" >-->
<!-- <el-tag type="success" property="address">已通过</el-tag>-->
<!-- <el-tag type="warning" property="address">待审核</el-tag>-->
<!-- <el-tag type="danger" property="address">已拒绝</el-tag>-->
<!-- </el-table-column>-->
<!-- <el-table-column property="address" label="申请理由" />-->
<!-- <el-table-column property="address" label="申请时间" />-->
<!-- <el-table-column fixed="right" property="address" label="操作" >-->
<!-- <el-button size="small" text style="color:deepskyblue" @click="EditDialogVisible = true">审核通过</el-button>-->
<!-- <el-divider direction="vertical" />-->
<!-- <el-button size="small" text style="color:red" @click="EditDialogVisible = true">拒绝申请</el-button>-->
<!-- <el-dialog v-model="EditDialogVisible" width="500" center :modal="false" :show-close="false">-->
<!-- <template #header>-->
<!-- <div style="display:flex;flex-direction: row;justify-content: flex-start;color:#409eff;font-size:large" >编辑日报</div>-->
<!-- <el-divider content-position="left" style="background:red"><el-icon><CaretTop /></el-icon></el-divider>-->
<!-- </template>-->
<!-- <div>-->
<!-- &lt;!&ndash; <div style="margin-top:-4vh ">&ndash;&gt;-->
<!-- &lt;!&ndash; <span style="color:red">项目名称：</span>&ndash;&gt;-->
<!-- &lt;!&ndash; <el-input&ndash;&gt;-->
<!-- &lt;!&ndash; v-model="input"&ndash;&gt;-->
<!-- &lt;!&ndash; style="width: 200px"&ndash;&gt;-->
<!-- &lt;!&ndash; placeholder="请输入"&ndash;&gt;-->
<!-- &lt;!&ndash; />&ndash;&gt;-->
<!-- &lt;!&ndash; </div>&ndash;&gt;-->
<!-- <div style="margin-top:-4vh ">-->
<!-- <span style="color:red"> 工作时间：</span>-->
<!-- <el-date-picker-->
<!-- v-model="value1"-->
<!-- type="date"-->
<!-- placeholder="请选择日期"-->
<!-- style="width: 200px"-->
<!-- :default-value="new Date(2010, 9, 1)"-->
<!-- />-->
<!-- </div>-->
<!-- <div style="margin-top:2vh ;display:flex;flex-direction:row;">-->
<!-- <span style="color: red">日报内容：</span>-->
<!-- <el-input-->
<!-- v-model="textarea"-->
<!-- style="width: 300px;"-->
<!-- :rows="4"-->
<!-- type="textarea"-->
<!-- placeholder="请输入"-->
<!-- />-->
<!-- </div>-->
<!-- </div>-->
<!-- <template #footer>-->
<!-- <div class="dialog-footer">-->
<!-- <el-button @click="EditDialogVisible = false">取消</el-button>-->
<!-- <el-button type="primary" @click="EditDialogVisible = false">-->
<!-- 确认-->
<!-- </el-button>-->
<!-- </div>-->
<!-- </template>-->
<!-- </el-dialog>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<el-table :data="tableData" style="width: 100%">
<el-table-column fixed prop="date" label="序号" width="150" />
<el-table-column prop="name" label="申请名称" width="120" />
<el-table-column prop="state" label="所属项目" width="120" />
<el-table-column prop="city" label="所属子系统" width="120" />
<el-table-column prop="address" label="申请者" width="180" >
<el-tag type="primary" property="address">Tag 1</el-tag>
</el-table-column>
<el-table-column prop="zip" label="类型" width="120" />
<el-table-column prop="zip" label="状态" width="120" >
<!-- <el-tag type="success" property="address">已通过</el-tag>&ndash;&gt;-->
<el-tag type="warning" property="address">待审核</el-tag>
<!-- <el-tag type="danger" property="address">已拒绝</el-tag>-->
</el-table-column>
<el-table-column prop="zip" label="申请理由" width="400" />
<el-table-column prop="zip" label="申请时间" width="120" />
<el-table-column fixed="right" property="address" label="操作" width="200">
<!-- <el-button size="small" text style="color:deepskyblue" @click="EditDialogVisible = true">审核通过</el-button>-->
<el-popconfirm
confirm-button-text="通过"
cancel-button-text="关闭"
:icon="InfoFilled"
icon-color="#626AEF"
title="确定要通过审核吗？"
@confirm="confirmEvent"
@cancel="cancelEvent"
>
<template #reference>
<el-button size="small" text style="color:deepskyblue">审核通过</el-button>
</template>
</el-popconfirm>
<el-divider direction="vertical" />
<!-- <el-button size="small" text style="color:red" @click="EditDialogVisible = true">拒绝申请</el-button>-->
<el-popconfirm
confirm-button-text="拒绝"
cancel-button-text="关闭"
:icon="InfoFilled"
icon-color="red"
title="确认要拒绝通过吗?确定后不能改变"
@confirm="confirmEvent"
@cancel="cancelEvent"
>
<template #reference>
<el-button size="small" text style="color:red">拒绝申请</el-button>
</template>
</el-popconfirm>
</el-table-column>
</el-table>
<el-pagination
larger
background
layout="prev, pager, next"
:total="50" class="mt-4"
style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh"
/>
</el-card>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { ElTable } from 'element-plus';
import { ArrowDownBold, InfoFilled } from '@element-plus/icons-vue';
const confirmEvent = () => {
console.log('confirm!')
}
const cancelEvent = () => {
console.log('cancel!')
}
const value1 = ref('');
// 修改对话框
const EditDialogVisible = ref(false);
// 新建对话框
const AddDialogVisible = ref(false);
interface User {
date: string
name: string
address: string
}
const multipleTableRef = ref<InstanceType<typeof ElTable>>();
const multipleSelection = ref<User[]>([]);
const handleSelectionChange = (val: User[]) => {
multipleSelection.value = val;
};
// const tableData: User[] = [
// {
// date: '2016-05-03',
// name: 'Tom',
// address: 'No. 189, Grove St, Los Angeles'
// },
// {
// date: '2016-05-02',
// name: 'Tom',
// address: 'No. 189, Grove St, Los Angeles'
// },
// {
// date: '2016-05-04',
// name: 'Tom',
// address: 'No. 189, Grove St, Los Angeles'
// },
// {
// date: '2016-05-01',
// name: 'Tom',
// address: 'No. 189, Grove St, Los Angeles'
// }
//
// ];
// 输入框1
import { onMounted } from 'vue';
interface LinkItem {
value: string
link: string
}
const state = ref('');
const links = ref<LinkItem[]>([]);
const querySearch = (queryString: string, cb) => {
const results = queryString
? links.value.filter(createFilter(queryString))
: links.value;
// call callback function to return suggestion objects
cb(results);
};
const createFilter = (queryString) => {
return (restaurant) => {
return (
restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
);
};
};
const loadAll = () => {
return [
{ value: '1' },
{ value: '2' },
{ value: '3' },
{ value: '4' },
{ value: '5' }
];
};
const handleSelect = (item: LinkItem) => {
console.log(item);
};
const handleIconClick = (ev: Event) => {
console.log(ev);
};
onMounted(() => {
links.value = loadAll();
});
// 时间选择器
const value2 = ref('');
const shortcuts = [
{
text: 'Last week',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
return [start, end];
}
},
{
text: 'Last month',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
return [start, end];
}
},
{
text: 'Last 3 months',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
}
}
];
const handleClick = () => {
console.log('click')
}
const tableData = [
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
,
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
]
</script>
<style>
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden;
}
.my-autocomplete li .addr {
font-size: 12px;
color: #b4b4b4;
}
.my-autocomplete li .highlighted .addr {
color: #ddd;
}
</style>

267
src/views/excel/upload-excel.vue
View File

@ -1,267 +0,0 @@
<template>
<div style=" width:100%">
<el-card style="max-width: 100vw;margin: 1.5vw;">
<!-- <template #header><span>我的审批</span></template>-->
<template #header><strong >记录查询</strong></template>
<div style="display:flex;flex-direction:row;justify-content: space-around ">
<div>
名称
<el-input v-model="input" style="width: 240px;margin-left:0.5vw" placeholder="请输入" />
</div>
<div>
状态
<el-autocomplete
v-model="state"
:fetch-suggestions="querySearch"
popper-class="my-autocomplete"
placeholder="Please input"
@select="handleSelect"
style="margin-left:0.5vw"
>
<template #suffix>
<el-icon class="el-input__icon" @click="handleIconClick">
<ArrowDownBold />
</el-icon>
</template>
<template #default="{ item }">
<div class="value">{{ item.value }}</div>
<span class="link">{{ item.link }}</span>
</template>
</el-autocomplete>
</div>
<div>
<el-button type="primary" style="width:80px">查询</el-button>
<el-button style="width:80px">重置</el-button>
</div>
</div>
</el-card>
<el-card style="max-width: 100vw;height:60vh;margin:1.3vw">
<div style="display:flex;flex-direction: row;justify-content: space-between">
<el-button text >历史记录</el-button>
</div>
<el-table :data="tableData" style="width: 100%">
<el-table-column fixed prop="date" label="序号" width="150" />
<el-table-column prop="name" label="申请名称" width="120" />
<el-table-column prop="state" label="所属项目" width="120" />
<el-table-column prop="city" label="所属子系统" width="120" />
<el-table-column prop="zip" label="类型" width="120" />
<el-table-column prop="zip" label="状态" width="120" >
<!-- <el-tag type="success" property="address">已通过</el-tag>&ndash;&gt;-->
<el-tag type="warning" property="address">待审核</el-tag>
<!-- <el-tag type="danger" property="address">已拒绝</el-tag>-->
</el-table-column>
<el-table-column prop="address" label="申请者" width="180" >
<el-tag type="primary" property="address">Tag 1</el-tag>
</el-table-column>
<el-table-column prop="zip" label="申请时间" width="120" />
<el-table-column prop="zip" label="申请理由" width="400" />
</el-table>
<el-pagination
larger
background
layout="prev, pager, next"
:total="50" class="mt-4"
style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh"
/>
</el-card>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { ElTable } from 'element-plus';
import { ArrowDownBold, InfoFilled } from '@element-plus/icons-vue';
const confirmEvent = () => {
console.log('confirm!')
}
const cancelEvent = () => {
console.log('cancel!')
}
const value1 = ref('');
// 修改对话框
const EditDialogVisible = ref(false);
// 新建对话框
const AddDialogVisible = ref(false);
interface User {
date: string
name: string
address: string
}
const multipleTableRef = ref<InstanceType<typeof ElTable>>();
const multipleSelection = ref<User[]>([]);
const handleSelectionChange = (val: User[]) => {
multipleSelection.value = val;
};
// 输入框1
import { onMounted } from 'vue';
interface LinkItem {
value: string
link: string
}
const state = ref('');
const links = ref<LinkItem[]>([]);
const querySearch = (queryString: string, cb) => {
const results = queryString
? links.value.filter(createFilter(queryString))
: links.value;
// call callback function to return suggestion objects
cb(results);
};
const createFilter = (queryString) => {
return (restaurant) => {
return (
restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
);
};
};
const loadAll = () => {
return [
{ value: '1' },
{ value: '2' },
{ value: '3' },
{ value: '4' },
{ value: '5' }
];
};
const handleSelect = (item: LinkItem) => {
console.log(item);
};
const handleIconClick = (ev: Event) => {
console.log(ev);
};
onMounted(() => {
links.value = loadAll();
});
// 时间选择器
const value2 = ref('');
const shortcuts = [
{
text: 'Last week',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
return [start, end];
}
},
{
text: 'Last month',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
return [start, end];
}
},
{
text: 'Last 3 months',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
}
}
];
const handleClick = () => {
console.log('click')
}
const tableData = [
{
date: '2016-05-03',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-02',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-04',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Home',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
,
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
{
date: '2016-05-01',
name: 'Tom',
state: 'California',
city: 'Los Angeles',
address: 'No. 189, Grove St',
zip: 'CA 90036',
tag: 'Office',
},
]
</script>
<style>
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden;
}
.my-autocomplete li .addr {
font-size: 12px;
color: #b4b4b4;
}
.my-autocomplete li .highlighted .addr {
color: #ddd;
}
</style>

104
src/views/tab/components/TabPane.vue
View File

@ -1,104 +0,0 @@
<template>
<el-table :data="list" border fit highlight-current-row style="width: 100%">
<el-table-column
v-loading="loading"
align="center"
label="ID"
width="65"
element-loading-text="请给我点时间！"
>
<template v-slot="scope">
<span>{{ scope.row.id }}</span>
</template>
</el-table-column>
<el-table-column width="180px" align="center" label="Date">
<template v-slot="scope">
<span>{{ parseTime(scope.row.timestamp,'{y}-{m}-{d} {h}:{i}') }}</span>
</template>
</el-table-column>
<el-table-column min-width="300px" label="Title">
<template v-slot="{row}">
<span>{{ row.title }}</span>
<el-tag>{{ row.type }}</el-tag>
</template>
</el-table-column>
<el-table-column width="110px" align="center" label="Author">
<template v-slot="scope">
<span>{{ scope.row.author }}</span>
</template>
</el-table-column>
<el-table-column width="120px" label="Importance">
<template v-slot="scope">
<svg-icon v-for="n in +scope.row.importance" :key="n" icon-class="star" />
</template>
</el-table-column>
<el-table-column align="center" label="Readings" width="95">
<template v-slot="scope">
<span>{{ scope.row.pageviews }}</span>
</template>
</el-table-column>
<el-table-column class-name="status-col" label="Status" width="110">
<template v-slot="{row}">
<el-tag :type="statusFilter(row.status)">
{{ row.status }}
</el-tag>
</template>
</el-table-column>
</el-table>
</template>
<script>
import { defineComponent } from 'vue';
import { parseTime } from '@/utils';
import { fetchList } from '@/api/article';
export default defineComponent({
props: {
type: {
type: String,
default: 'CN'
}
},
data() {
return {
list: null,
listQuery: {
page: 1,
limit: 5,
type: this.type,
sort: '+id'
},
loading: false
};
},
created() {
this.getList();
},
methods: {
parseTime,
statusFilter(status) {
const statusMap = {
published: 'success',
draft: 'info',
deleted: 'danger'
};
return statusMap[status];
},
getList() {
this.loading = true;
this.$emit('create'); // for test
fetchList(this.listQuery).then(response => {
this.list = response.data.items;
this.loading = false;
});
}
}
});
</script>

321
src/views/tab/index.vue
View File

@ -1,321 +0,0 @@
<template>
<div style=" width:100%">
<el-card style="max-width: 100vw;margin: 1.5vw;">
<template #header><span>日报</span></template>
<div style="display:flex;flex-direction:row;justify-content: space-around ">
<div>
项目
<el-autocomplete
v-model="state"
:fetch-suggestions="querySearch"
popper-class="my-autocomplete"
placeholder="Please input"
@select="handleSelect"
style="margin-left:0.5vw"
>
<template #suffix>
<el-icon class="el-input__icon" @click="handleIconClick">
<ArrowDownBold />
</el-icon>
</template>
<template #default="{ item }">
<div class="value">{{ item.value }}</div>
<span class="link">{{ item.link }}</span>
</template>
</el-autocomplete>
</div>
<div>
时间
<el-date-picker
v-model="value2" type="daterange"
unlink-panels
range-separator="——"
start-placeholder="开始时间"
end-placeholder="结束时间"
:shortcuts="shortcuts"
style="margin-left:0.5vw"
/>
</div>
<div>
<el-button type="primary" style="width: 80px">查询</el-button>
<el-button style="width: 80px">重置</el-button>
</div>
</div>
</el-card>
<el-card style="max-width: 100vw;height:60vh;margin:1.3vw">
<div style="display:flex;flex-direction: row;justify-content: space-between">
<el-button text >历史记录</el-button>
<el-button type="primary" @click="AddDialogVisible=true">新建</el-button>
<el-dialog v-model="AddDialogVisible" width="500" center :modal="false" :show-close="false">
<template #header>
<div style="display:flex;flex-direction: row;justify-content: flex-start;color:red;font-size:large" >新增日报</div>
<el-divider content-position="left" style="background:red"><el-icon><CaretTop /></el-icon></el-divider>
</template>
<div>
<div style="margin-top:-4vh ">
<span style="color:red">项目名称：</span>
<el-input
v-model="input"
style="width: 200px"
placeholder="请输入"
/>
</div>
<div style="margin-top:2vh ">
<span style="color:red"> 工作时间：</span>
<el-date-picker
v-model="value1"
type="date"
placeholder="请选择日期"
style="width: 200px"
:default-value="new Date(2010, 9, 1)"
/>
</div>
<div style="margin-top:2vh ;display:flex;flex-direction:row;">
<span style="color: red">日报内容：</span>
<el-input
v-model="textarea"
style="width: 300px;"
:rows="4"
type="textarea"
placeholder="请输入"
/>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="AddDialogVisible = false" type="info" style="width: 80px">取消 </el-button>
<el-button type="danger" style="width:80px" @click="AddDialogVisible = false">
新增
</el-button>
</div>
</template>
</el-dialog>
</div>
<el-table ref="multipleTableRef" :data="tableData" style="max-width: 100vw;"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
<el-table-column label="序号" width="120">
<template #default="scope">{{ scope.row.date }}</template>
</el-table-column>
<el-table-column property="name" label="项目名称" width="120" />
<el-table-column property="address" label="项目负责人" show-overflow-tooltip />
<el-table-column property="address" label="日报" />
<el-table-column property="address" label="日报填写者" />
<el-table-column property="address" label="填写时间" />
<el-table-column property="address" label="工作时间" />
<el-table-column property="address" label="操作" >
<el-button size="small" text style="color:deepskyblue" @click="EditDialogVisible = true">修改</el-button>
<!-- <el-dialog v-model="EditDialogVisible" title="删除" width="500" :modal="false">-->
<el-dialog v-model="EditDialogVisible" width="500" center :modal="false" :show-close="false">
<template #header>
<div style="display:flex;flex-direction: row;justify-content: flex-start;color:#409eff;font-size:large" >编辑日报</div>
<el-divider content-position="left" style="background:red"><el-icon><CaretTop /></el-icon></el-divider>
</template>
<div>
<!-- <div style="margin-top:-4vh ">-->
<!-- <span style="color:red">项目名称：</span>-->
<!-- <el-input-->
<!-- v-model="input"-->
<!-- style="width: 200px"-->
<!-- placeholder="请输入"-->
<!-- />-->
<!-- </div>-->
<div style="margin-top:-4vh ">
<span style="color:red"> 工作时间：</span>
<el-date-picker
v-model="value1"
type="date"
placeholder="请选择日期"
style="width: 200px"
:default-value="new Date(2010, 9, 1)"
/>
</div>
<div style="margin-top:2vh ;display:flex;flex-direction:row;">
<span style="color: red">日报内容：</span>
<el-input
v-model="textarea"
style="width: 300px;"
:rows="4"
type="textarea"
placeholder="请输入"
/>
</div>
</div>
<template #footer>
<div class="dialog-footer">
<el-button @click="EditDialogVisible = false">取消</el-button>
<el-button type="primary" @click="EditDialogVisible = false">
确认
</el-button>
</div>
</template>
</el-dialog>
</el-table-column>
</el-table>
<el-pagination
larger
background
layout="prev, pager, next"
:total="50" class="mt-4"
style="display: flex;flex-direction: row;justify-content: center;margin-top:5vh"
/>
</el-card>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { ElTable } from 'element-plus';
import { ArrowDownBold, CaretTop } from '@element-plus/icons-vue';
const value1 = ref('');
// 修改对话框
const EditDialogVisible = ref(false);
// 新建对话框
const AddDialogVisible = ref(false);
interface User {
date: string
name: string
address: string
}
const multipleTableRef = ref<InstanceType<typeof ElTable>>();
const multipleSelection = ref<User[]>([]);
const handleSelectionChange = (val: User[]) => {
multipleSelection.value = val;
};
const tableData: User[] = [
{
date: '2016-05-03',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles'
},
{
date: '2016-05-02',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles'
},
{
date: '2016-05-04',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles'
},
{
date: '2016-05-01',
name: 'Tom',
address: 'No. 189, Grove St, Los Angeles'
}
];
// 输入框1
import { onMounted } from 'vue';
interface LinkItem {
value: string
link: string
}
const state = ref('');
const links = ref<LinkItem[]>([]);
const querySearch = (queryString: string, cb) => {
const results = queryString
? links.value.filter(createFilter(queryString))
: links.value;
// call callback function to return suggestion objects
cb(results);
};
const createFilter = (queryString) => {
return (restaurant) => {
return (
restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
);
};
};
const loadAll = () => {
return [
{ value: '1' },
{ value: '2' },
{ value: '3' },
{ value: '4' },
{ value: '5' }
];
};
const handleSelect = (item: LinkItem) => {
console.log(item);
};
const handleIconClick = (ev: Event) => {
console.log(ev);
};
onMounted(() => {
links.value = loadAll();
});
// 时间选择器
const value2 = ref('');
const shortcuts = [
{
text: 'Last week',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
return [start, end];
}
},
{
text: 'Last month',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
return [start, end];
}
},
{
text: 'Last 3 months',
value: () => {
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
return [start, end];
}
}
];
</script>
<style>
.my-autocomplete li {
line-height: normal;
padding: 7px;
}
.my-autocomplete li .name {
text-overflow: ellipsis;
overflow: hidden;
}
.my-autocomplete li .addr {
font-size: 12px;
color: #b4b4b4;
}
.my-autocomplete li .highlighted .addr {
color: #ddd;
}
</style>