|
|
@@ -187,7 +187,10 @@
|
|
|
size="65%"
|
|
|
>
|
|
|
<el-row />
|
|
|
- <el-table :data="detailList">
|
|
|
+ <el-table
|
|
|
+ :data="detailList"
|
|
|
+ height="495px"
|
|
|
+ >
|
|
|
<el-table-column
|
|
|
label="费用类型"
|
|
|
align="center"
|
|
|
@@ -223,40 +226,42 @@
|
|
|
align="center"
|
|
|
>
|
|
|
<template #default="scope">
|
|
|
- <el-tooltip
|
|
|
- class="box-item"
|
|
|
- effect="light"
|
|
|
- :content="scope.row.remarks"
|
|
|
- placement="bottom"
|
|
|
- trigger="click"
|
|
|
- >
|
|
|
- <el-button
|
|
|
- text
|
|
|
- type="primary"
|
|
|
- :icon="Notebook"
|
|
|
- >
|
|
|
- 备注
|
|
|
- </el-button>
|
|
|
- </el-tooltip>
|
|
|
- <el-popover
|
|
|
- placement="bottom"
|
|
|
- :width="200"
|
|
|
- trigger="click"
|
|
|
- :content="scope.row.expenseDetail"
|
|
|
+ <el-button
|
|
|
+ text
|
|
|
+ type="primary"
|
|
|
+ :icon="Notebook"
|
|
|
+ @click="fill(scope.row)"
|
|
|
>
|
|
|
- <template #reference>
|
|
|
- <el-button
|
|
|
- text
|
|
|
- type="primary"
|
|
|
- :icon="Notebook"
|
|
|
- >
|
|
|
- 详情
|
|
|
- </el-button>
|
|
|
- </template>
|
|
|
- </el-popover>
|
|
|
+ 备注和详情
|
|
|
+ </el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <el-row style="margin-top: 60px">
|
|
|
+ <el-col :span="10">
|
|
|
+ <el-form-item label="费用备注：">
|
|
|
+ <el-input
|
|
|
+ v-model="costNotes"
|
|
|
+ placeholder="费用备注"
|
|
|
+ type="textarea"
|
|
|
+ :rows="3"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col
|
|
|
+ :span="12"
|
|
|
+ :offset="1"
|
|
|
+ >
|
|
|
+ <el-form-item label="费用详情：">
|
|
|
+ <el-input
|
|
|
+ v-model="costDetail"
|
|
|
+ placeholder="费用详情"
|
|
|
+ type="textarea"
|
|
|
+ :rows="5"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
</el-drawer>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -301,18 +306,8 @@ 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: ''
|
|
|
-// })
|
|
|
+const costNotes = ref('')
|
|
|
+const costDetail = ref('')
|
|
|
// 方法
|
|
|
onMounted(() => {
|
|
|
getCostList(0, 0, 0)
|
|
|
@@ -432,6 +427,10 @@ const changeCostPage = (val) => {
|
|
|
consultCostList()
|
|
|
}
|
|
|
|
|
|
+const fill = (row) => {
|
|
|
+ costNotes.value = row.remarks
|
|
|
+ costDetail.value = row.expenseDetail
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style scoped>
|
