mirror of
https://github.com/FatttSnake/Pinnacle-OA.git
synced 2026-04-05 23:11:24 +08:00
Fuzzy query was completed and AffairsCard optimized
This commit is contained in:
assina045
@@ -1,4 +1,20 @@
|
||||
<template>
|
||||
<el-col :span="16">
|
||||
<div class="mt-4">
|
||||
<el-input placeholder="查询事务" class="input-with-select">
|
||||
<template #prepend>
|
||||
<el-select placeholder="查询方式">
|
||||
<el-option label="事务编号" value="1" />
|
||||
<el-option label="事务名称" value="2" />
|
||||
<el-option label="日期" value="3" />
|
||||
</el-select>
|
||||
</template>
|
||||
<template #append>
|
||||
<el-button>查询</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column label="事务编号" prop="id" />
|
||||
|
||||
|
||||
@@ -1,4 +1,20 @@
|
||||
<template>
|
||||
<el-col :span="16">
|
||||
<div class="mt-4">
|
||||
<el-input placeholder="查询事务" class="input-with-select">
|
||||
<template #prepend>
|
||||
<el-select placeholder="查询方式">
|
||||
<el-option label="事务编号" value="1" />
|
||||
<el-option label="事务名称" value="2" />
|
||||
<el-option label="日期" value="3" />
|
||||
</el-select>
|
||||
</template>
|
||||
<template #append>
|
||||
<el-button>查询</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-table :data="tableData" style="width: 100%">
|
||||
<el-table-column label="事务编号" prop="id" />
|
||||
|
||||
|
||||
@@ -192,13 +192,34 @@ export default {
|
||||
dialogFalse() {
|
||||
this.dialogVisible = false
|
||||
}
|
||||
// forRouter() {
|
||||
// setInterval(() => {
|
||||
// if (this.DataToRouterView !== '') {
|
||||
// this.tableData = this.DataToRouterView
|
||||
// }
|
||||
// }, 500)
|
||||
// }
|
||||
},
|
||||
created() {
|
||||
this.getApproved()
|
||||
this.dialogFalse()
|
||||
this.getGrantUser()
|
||||
// this.forRouter()
|
||||
// this.getInspectorName()
|
||||
},
|
||||
props: ['DataToRouterView'],
|
||||
watch: {
|
||||
DataToRouterView: function (val) {
|
||||
this.tableData = val
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style></style>
|
||||
<style>
|
||||
.el-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
.el-form {
|
||||
margin-top: 1px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -27,7 +27,7 @@
|
||||
>
|
||||
<el-col :xs="4" :sm="4" :md="3" :lg="3" :xl="2" style="text-align: right"
|
||||
><el-text type="info" style="line-height: 32px">{{
|
||||
item.status
|
||||
item.status === 0 ? '未审批' : item.status === 1 ? '同意' : '驳回'
|
||||
}}</el-text></el-col
|
||||
>
|
||||
</el-row>
|
||||
|
||||
@@ -1,46 +1,115 @@
|
||||
<template>
|
||||
<el-row :span="24">
|
||||
<el-col :span="16">
|
||||
<div class="mt-4">
|
||||
<el-input placeholder="查询事务" class="input-with-select">
|
||||
<template #prepend>
|
||||
<el-select placeholder="查询方式">
|
||||
<el-option label="事务编号" value="1" />
|
||||
<el-option label="事务名称" value="2" />
|
||||
<el-option label="日期" value="3" />
|
||||
</el-select>
|
||||
</template>
|
||||
<template #append>
|
||||
<el-button>查询</el-button>
|
||||
</template>
|
||||
</el-input>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-container>
|
||||
<el-header>
|
||||
<el-col :span="24">
|
||||
<el-menu
|
||||
:default-active="$route.path"
|
||||
class="el-menu-demo"
|
||||
mode="horizontal"
|
||||
router
|
||||
background-color="white"
|
||||
>
|
||||
<el-menu-item index="/affair/personal/person" @click="turnFormViewTrue">
|
||||
我的事务
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/affair/personal/add" @click="turnFormViewFalse">
|
||||
添加事务
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</el-col>
|
||||
</el-header>
|
||||
|
||||
<el-col :span="8">
|
||||
<el-menu
|
||||
:default-active="$route.path"
|
||||
class="el-menu-demo"
|
||||
mode="horizontal"
|
||||
router
|
||||
background-color="white"
|
||||
>
|
||||
<el-menu-item index="/affair/personal/person">
|
||||
<el-button type="success" round>我的事务</el-button>
|
||||
</el-menu-item>
|
||||
<el-menu-item index="/affair/personal/add">
|
||||
<el-button type="success" round>添加事务</el-button>
|
||||
</el-menu-item>
|
||||
</el-menu>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<router-view></router-view>
|
||||
<el-main>
|
||||
<el-col :span="24">
|
||||
<el-form v-if="formView" :model="formData">
|
||||
<el-row :span="24">
|
||||
<el-col :span="5">
|
||||
<el-form-item label="事务标题:"
|
||||
><el-input v-model="formData.title"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="1"></el-col>
|
||||
<el-col :span="4">
|
||||
<el-form-item label="事务类型:"
|
||||
><el-select v-model="formData.typeId">
|
||||
<el-option label="事假" name="type1" value="1"></el-option>
|
||||
<el-option label="病假" name="type2" value="2"></el-option>
|
||||
<el-option label="财务报销" name="type3" value="3"></el-option>
|
||||
<el-option label="调休" name="type4" value="4"></el-option>
|
||||
</el-select> </el-form-item
|
||||
></el-col>
|
||||
<el-col :span="1"></el-col>
|
||||
<el-col :span="4"
|
||||
><el-form-item label="审批进度:">
|
||||
<el-select v-model="formData.status">
|
||||
<el-option label="未审批" value="0"></el-option>
|
||||
<el-option label="同意" value="1"></el-option>
|
||||
<el-option label="驳回" value="2"></el-option>
|
||||
</el-select> </el-form-item
|
||||
></el-col>
|
||||
<el-col :span="1"></el-col>
|
||||
<el-col :span="3">
|
||||
<el-button type="primary" @click="onSubmit">查询</el-button>
|
||||
<el-button type="primary" @click="resetForm">重置</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-col>
|
||||
<router-view :DataToRouterView="DataToRouterView"></router-view>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script lang="ts">
|
||||
import request from '@/services'
|
||||
|
||||
export default {
|
||||
name: 'personalAffairsView'
|
||||
data() {
|
||||
return {
|
||||
formView: true,
|
||||
formData: {
|
||||
title: '',
|
||||
typeId: '',
|
||||
status: ''
|
||||
},
|
||||
DataToRouterView: {}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
turnFormViewFalse() {
|
||||
this.formView = false
|
||||
},
|
||||
turnFormViewTrue() {
|
||||
this.formView = true
|
||||
},
|
||||
onSubmit() {
|
||||
request
|
||||
.get('/affair/personal_affairs_fuzzy_queries', this.formData)
|
||||
.then((response) => {
|
||||
this.DataToRouterView = response.data.data
|
||||
console.log(response.data)
|
||||
})
|
||||
.catch((reportError) => {
|
||||
console.log(reportError)
|
||||
})
|
||||
},
|
||||
resetForm() {
|
||||
this.$router.go()
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped>
|
||||
.longInput {
|
||||
width: 99%;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
height: 70%;
|
||||
width: 70%;
|
||||
}
|
||||
.roleSelect {
|
||||
height: 100px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user