|
|
@@ -183,7 +183,7 @@
|
|
|
text
|
|
|
type="primary"
|
|
|
:icon="Notebook"
|
|
|
- @click="openDetail(scope.expenses)"
|
|
|
+ @click="openDetail(scope.row.expenses)"
|
|
|
>
|
|
|
详情
|
|
|
</el-button>
|
|
|
@@ -208,8 +208,62 @@
|
|
|
<el-drawer
|
|
|
v-model="detailDrawerShow"
|
|
|
title="费用详情"
|
|
|
- width="40%"
|
|
|
- ></el-drawer>
|
|
|
+ size="65%"
|
|
|
+ >
|
|
|
+ <el-table :data="detailList">
|
|
|
+ <el-table-column
|
|
|
+ label="费用类型"
|
|
|
+ align="center"
|
|
|
+ prop="expensesGenre.name"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="时间"
|
|
|
+ align="center"
|
|
|
+ prop="feeTime"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="支入金额(元)"
|
|
|
+ align="center"
|
|
|
+ prop="depositAmount"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="支出金额(元)"
|
|
|
+ align="center"
|
|
|
+ prop="expenditureAmount"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="当前余额(元)"
|
|
|
+ align="center"
|
|
|
+ prop="thenBalance"
|
|
|
+ width="180"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ label="操作"
|
|
|
+ align="center"
|
|
|
+ >
|
|
|
+ <template #default="scope">
|
|
|
+ <el-button
|
|
|
+ text
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ :icon="Edit"
|
|
|
+ @click="costEdit(scope.row)"
|
|
|
+ >编辑</el-button>
|
|
|
+ <el-button
|
|
|
+ text
|
|
|
+ type="primary"
|
|
|
+ size="small"
|
|
|
+ :icon="Delete"
|
|
|
+ @click="costDelete(scope.row)"
|
|
|
+ >删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -253,6 +307,18 @@ const genreSelect = ref('')
|
|
|
const peopleSelect = ref('')
|
|
|
const detailDrawerShow = ref(false)
|
|
|
const detailList = reactive([])
|
|
|
+// const detailCondition = reactive({
|
|
|
+// pageInfo: {
|
|
|
+// page: 1,
|
|
|
+// pageSize: 10
|
|
|
+// },
|
|
|
+// reimburser: 0,
|
|
|
+// projectId: 0,
|
|
|
+// genre: 0,
|
|
|
+// dayTime: '',
|
|
|
+// monthTime: '',
|
|
|
+// yearTime: ''
|
|
|
+// })
|
|
|
// 方法
|
|
|
onMounted(() => {
|
|
|
getCostList(0, 0, 0)
|
|
|
@@ -341,11 +407,11 @@ const costDelete = (val) => {
|
|
|
console.log(val)
|
|
|
}
|
|
|
|
|
|
-const openDetail = (expenses) => {
|
|
|
- console.log(expenses)
|
|
|
+const openDetail = (scope) => {
|
|
|
+ console.log(scope)
|
|
|
detailDrawerShow.value = true
|
|
|
detailList.length = 0
|
|
|
- detailList.push(...expenses)
|
|
|
+ detailList.push(...scope)
|
|
|
}
|
|
|
|
|
|
</script>
|
