|
|
@@ -1,19 +1,36 @@
|
|
|
<template>
|
|
|
- <van-row style="margin-top: 1rem" @click="dateScreenShow = true">
|
|
|
+ <van-row style="margin-top: 20px" @click="dateScreenShow = true">
|
|
|
<van-col :span="24">
|
|
|
- <van-cell title="筛选条件" is-link size="large">
|
|
|
- <template #value>
|
|
|
- <van-text-ellipsis content="内容" class="cellContent"/>
|
|
|
- </template>
|
|
|
- <template #right-icon>
|
|
|
- <van-icon
|
|
|
+ <van-cell-group>
|
|
|
+ <van-cell title="筛选条件" is-link size="large">
|
|
|
+ <template #value>
|
|
|
+ <van-text-ellipsis content="内容" class="cellContent"/>
|
|
|
+ </template>
|
|
|
+ <template #right-icon>
|
|
|
+ <van-icon
|
|
|
class="closeIcon"
|
|
|
name="close"
|
|
|
- />
|
|
|
- </template>
|
|
|
- </van-cell>
|
|
|
+ />
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-cell-group>
|
|
|
</van-col>
|
|
|
</van-row>
|
|
|
+ <van-cell-group>
|
|
|
+ <van-cell
|
|
|
+ v-for="item in projectCostList"
|
|
|
+ :key="item.ID"
|
|
|
+ :title="item.user.nickName"
|
|
|
+ :label="item.feeTime"
|
|
|
+ is-link
|
|
|
+ style="height: 64px;"
|
|
|
+ @click="openCostDetail(item)"
|
|
|
+ >
|
|
|
+ <template #value>
|
|
|
+ <van-text-ellipsis :content="item.projectFeeGenre.name"/>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-cell-group>
|
|
|
<van-popup
|
|
|
v-model:show="dateScreenShow"
|
|
|
position="bottom"
|
|
|
@@ -93,10 +110,10 @@
|
|
|
</el-form-item>
|
|
|
<el-form-item label="费用类型：" size="large">
|
|
|
<el-select
|
|
|
- placeholder="请选择费用类型"
|
|
|
v-model="projectCostBody.genre"
|
|
|
+ placeholder="请选择费用类型"
|
|
|
clearable
|
|
|
- @clear="projectCostBody.genre = ''"
|
|
|
+ @clear="projectCostBody.genre = 0"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in costTypeList"
|
|
|
@@ -111,7 +128,7 @@
|
|
|
placeholder="请选择人员"
|
|
|
v-model="projectCostBody.reimburser"
|
|
|
clearable
|
|
|
- @clear="projectCostBody.reimburser = ''"
|
|
|
+ @clear="projectCostBody.reimburser = 0"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in userList"
|
|
|
@@ -140,13 +157,50 @@
|
|
|
</el-col>
|
|
|
</van-row>
|
|
|
</van-popup>
|
|
|
+ <van-popup
|
|
|
+ v-model:show="detailShow"
|
|
|
+ style="height: 50vh;width: 80vw;"
|
|
|
+ >
|
|
|
+ <van-cell-group style="font-size: 16px">
|
|
|
+ <van-cell size="large">
|
|
|
+ <template #title>
|
|
|
+ <van-text-ellipsis content="部门："/>
|
|
|
+ </template>
|
|
|
+ <template #value>
|
|
|
+ <van-text-ellipsis :content="detailInfo.department.name"/>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ <van-cell size="large">
|
|
|
+ <template #title>
|
|
|
+ <van-text-ellipsis content="支入金额："/>
|
|
|
+ </template>
|
|
|
+ <template #value>
|
|
|
+ <van-text-ellipsis :content="detailInfo.department.name"/>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ <van-cell size="large">
|
|
|
+ <template #title>
|
|
|
+ <van-text-ellipsis content="支出金额："/>
|
|
|
+ </template>
|
|
|
+ <template #value>
|
|
|
+ <van-text-ellipsis :content="detailInfo.department.name"/>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ <van-cell size="large">
|
|
|
+ <template #title>
|
|
|
+ <van-text-ellipsis content="余额："/>
|
|
|
+ </template>
|
|
|
+ <template #value>
|
|
|
+ <van-text-ellipsis :content="detailInfo.department.name"/>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
+ </van-cell-group>
|
|
|
+ </van-popup>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
-import { getProjectCostType } from '@/api/project.js'
|
|
|
+import { getProjectCostType, getAllProject, getProjectCost } from '@/api/project.js'
|
|
|
import { getAllUsers } from "@/api/user.js"
|
|
|
-import { getAllProject } from "@/api/project.js";
|
|
|
-
|
|
|
defineOptions({
|
|
|
name: 'projectCost',
|
|
|
})
|
|
|
@@ -154,15 +208,17 @@ onMounted(() => {
|
|
|
queryProjectCostType()
|
|
|
queryAllUsers()
|
|
|
queryAllProject()
|
|
|
+ queryProjectCost()
|
|
|
})
|
|
|
+// 条件显示
|
|
|
const projectCostBody = reactive({
|
|
|
pageInfo: {
|
|
|
page: 1,
|
|
|
pageSize: 8
|
|
|
},
|
|
|
- reimburser: "",
|
|
|
+ reimburser: 0,
|
|
|
projectCode: "",
|
|
|
- genre: "",
|
|
|
+ genre: 0,
|
|
|
dayTime: "",
|
|
|
monthTime: "",
|
|
|
yearTime: ""
|
|
|
@@ -176,16 +232,16 @@ const queryProjectCostType = () => {
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
+// 项目
|
|
|
const projectList = reactive([])
|
|
|
const queryAllProject = () => {
|
|
|
getAllProject().then(res => {
|
|
|
if (res.code === 0) {
|
|
|
- projectList.push(...res.data)
|
|
|
- console.log(projectCostBody.projectCode)
|
|
|
+ const list = res.data
|
|
|
+ projectList.push(...list)
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
-
|
|
|
// 人员
|
|
|
const userList = reactive([])
|
|
|
const queryAllUsers = () => {
|
|
|
@@ -223,16 +279,30 @@ const changeDateType = (val) => {
|
|
|
// 查询项目费用
|
|
|
const timeTypeValue = ref('day')
|
|
|
|
|
|
+const projectCostList = reactive([])
|
|
|
+
|
|
|
const queryProjectCost = () => {
|
|
|
- console.log('数据')
|
|
|
+ getProjectCost(projectCostBody).then(res => {
|
|
|
+ if (res.code === 0) {
|
|
|
+ dateScreenShow.value = false
|
|
|
+ projectCostList.push(...res.data.list)
|
|
|
+ console.log(projectCostList)
|
|
|
+ }
|
|
|
+ })
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+const detailShow = ref(false)
|
|
|
+const detailInfo = reactive({})
|
|
|
+const openCostDetail = (item) => {
|
|
|
+ console.log(item)
|
|
|
+ detailShow.value = true
|
|
|
+ Object.assign(detailInfo,item)
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
|
|
.closeIcon{
|
|
|
- font-size: 1.5rem;
|
|
|
+ font-size: 24px;
|
|
|
line-height: inherit;
|
|
|
}
|
|
|
.cellContent{
|
