123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111 |
- <template>
- <!-- <el-dialog
- title="查看"
- width="70%"
- :close-on-click-modal="false"
- :visible.sync="visible"> -->
- <div>
- <div class="my-title">查看</div>
- <div style="margin-left: 20px;margin-right: 20px">
- <!-- 工作流 -->
- <div v-if="dataForm.workFlowBusinessExt && dataForm.workFlowBusinessExt.workFlowProcessStepList">
- <el-steps :active="stepActive" align-center finish-status="success" style="margin-bottom: 20px">
- <template v-for="(item, i) in dataForm.workFlowBusinessExt.workFlowProcessStepList">
- <el-step :title="item.stepName" :description="item.assigneeName"></el-step>
- </template>
- </el-steps>
- <el-collapse style="margin-bottom: 20px">
- <el-collapse-item>
- <template slot="title">
- <span style="color: red">操作日志(展开查看更多):</span>
- </template>
- <template v-for="(item, i) in dataForm.workFlowBusinessExt.processLogList">
- <div>{{++i}}:{{item.approverName}} {{item.createTime}} {{item.approvalValue}}</div>
- </template>
- </el-collapse-item>
- </el-collapse>
- </div>
- <e-desc title="基本信息" column="3">
- <e-desc-item label="编码">{{dataForm.code}}</e-desc-item>
- <e-desc-item label="发生日期">{{dataForm.happenTime}}</e-desc-item>
- <e-desc-item label="报销金额">{{dataForm.submitExpenseAmount}}</e-desc-item>
- <e-desc-item label="报销内容" span="3">{{dataForm.happenContent}}</e-desc-item>
- <e-desc-item label="备注说明" span="3">{{dataForm.notes}}</e-desc-item>
- </e-desc>
- <e-desc title="报销证明附件">
- <upload-component :display="true" :display-title="false" :accept="'*'" :file-obj-list="fileList"/>
- </e-desc>
- </div>
- <span slot="footer" class="dialog-footer">
- <el-button @click="onChose">返回</el-button>
- </span>
- </div>
- <!-- </el-dialog> -->
- </template>
- <script>
- import EDesc from '../common/e-desc'
- import EDescItem from '../common/e-desc-item'
- import uploadComponent from '../common/upload-component'
- import { getExpenseDetail } from '@/api/finance'
- export default {
- name: 'expense-detail',
- components: {
- EDesc, EDescItem, uploadComponent
- },
- data () {
- return {
- visible: false,
- id: 0,
- dataForm: {},
- cusRCommProductVOS: [],
- fileList: []
- }
- },
- computed: {
- stepActive () {
- if (!(this.dataForm.workFlowBusinessExt && this.dataForm.workFlowBusinessExt.workFlowProcessStepList)) {
- return 0
- }
- let stepIndex = this.dataForm.workFlowBusinessExt.workFlowProcessStepList.findIndex(item => item.stepId === this.dataForm.workFlowBusinessExt.currentStepId)
- return stepIndex !== -1 ? stepIndex : 0
- }
- },
- methods: {
- onChose () {
- this.$emit('onChose')
- },
- async init (id) {
- this.visible = true
- this.id = id || 0
- if (!id) return
- await getExpenseDetail(this.id).then(({data}) => {
- if (data && data.code === '200') {
- this.dataForm = data.data
- // 文件列表
- this.fileList = []
- if (data.data.attachList) {
- data.data.attachList.forEach((item) => {
- this.fileList.push({
- name: item.fileName,
- url: item.url,
- id: item.url
- })
- })
- }
- }
- })
- }
- }
- }
- </script>
- <style scoped>
- .my-line{
- border-bottom: 1px solid #c0c4cc;
- margin-bottom: 10px;
- }
- .title{
- padding: 10px 0 ;
- }
- </style>
|