210 lines
8.9 KiB
HTML
210 lines
8.9 KiB
HTML
<!--#
|
|
layout("/mobile/platform.html"){
|
|
#-->
|
|
|
|
<style>
|
|
.van-cell-group__title {
|
|
padding: 5px 0;
|
|
}
|
|
|
|
.van-cell-group__title .van-sidebar-item {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.flex-direction-column {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.flex-direction-column .van-field__label {
|
|
width: 100%;
|
|
}
|
|
|
|
</style>
|
|
|
|
<div id="app" v-cloak>
|
|
<van-nav-bar title="经费报销申请详情" left-arrow placeholder fixed @click-left="pjaxReplace('/platform/jf/funds/reimbursement/mobile')"></van-nav-bar>
|
|
<div>
|
|
<van-form readonly input-align="right">
|
|
<div class="van-cell-group__title">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
申请信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-field readonly :value="viewData.user_name" label="申请人姓名"></van-field>
|
|
<van-field readonly :value="viewData.apply_time" label="申请时间"></van-field>
|
|
<van-field readonly :value="viewData.mobile" label="联系方式"></van-field>
|
|
<van-field readonly :value="viewData.activityTypeName" label="活动主体类型"></van-field>
|
|
<van-field readonly :value="viewData.projectTypeName" label="活动项目类型"></van-field>
|
|
<van-field readonly :value="viewData.activity_name" label="活动名称"></van-field>
|
|
<van-field readonly :value="viewData.projectCode" label="项目编号"></van-field>
|
|
<van-field readonly :value="viewData.fundsUnitName" label="申报(承办)单位"></van-field>
|
|
<van-field readonly :value="viewData.startPlannedDate" label="活动计划开始时间"></van-field>
|
|
<van-field readonly :value="viewData.endPlannedDate" label="活动计划结束时间"></van-field>
|
|
<van-field readonly :value="viewData.address" label="活动地址"></van-field>
|
|
<van-field readonly label="活动方案及简介">
|
|
<template #input>
|
|
<div v-html="viewData.activity_content"></div>
|
|
</template>
|
|
</van-field>
|
|
|
|
<van-field class="flex-direction-column">
|
|
<template #label>
|
|
<div class="mb10">活动费用预算表</div>
|
|
</template>
|
|
<template #input>
|
|
<table style="width: 100%">
|
|
<tr>
|
|
<th>序号</th>
|
|
<th>费用项目名称</th>
|
|
<th>单价（元）</th>
|
|
<th>数量</th>
|
|
<th>合计（元）</th>
|
|
</tr>
|
|
<tr v-for="(item,index) in viewData.budgets" :key="index">
|
|
<td>{{index+1}}</td>
|
|
<td>{{item.name}}</td>
|
|
<td>{{item.unitPrice}}</td>
|
|
<td>{{item.num}}</td>
|
|
<td>{{item.total}}</td>
|
|
</tr>
|
|
</table>
|
|
</template>
|
|
</van-field>
|
|
|
|
<van-field name="sign" label="签字">
|
|
<template #input>
|
|
<van-image width="200"
|
|
height="100"
|
|
:src="viewData.us_s"
|
|
v-if="viewData.us_s"></van-image>
|
|
<span v-else>暂无</span>
|
|
</template>
|
|
</van-field>
|
|
|
|
<van-field label="附件"
|
|
style="flex-flow: column"
|
|
input-align="left">
|
|
<template #label>
|
|
<div class="mb10">附件</div>
|
|
</template>
|
|
<template #input>
|
|
<vant-file-upload :files.sync="viewData.files" view :del="false"
|
|
v-if="viewData.files&&viewData.files.length"></vant-file-upload>
|
|
<span v-else>暂无</span>
|
|
</template>
|
|
</van-field>
|
|
</van-cell-group>
|
|
</van-form>
|
|
|
|
<template v-if="viewData.division_chairman_name">
|
|
<div class="van-cell-group__title mt10">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
分工会审核信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-form readonly input-align="right">
|
|
<van-field label="审核人" :value="viewData.dc_username"></van-field>
|
|
<van-field label="审核时间" :value="viewData.division_chairman_time"></van-field>
|
|
<van-field label="活动申请费用" :value="viewData.funds_money+'元'"></van-field>
|
|
<van-field label="审核意见" :value="viewData.division_chairman_idea"></van-field>
|
|
<van-field name="sign" label="签字">
|
|
<template #input>
|
|
<van-image width="200" height="100" :src="viewData.dc_s"
|
|
v-if="viewData.dc_s"></van-image>
|
|
<span v-else>暂无</span>
|
|
</template>
|
|
</van-field>
|
|
</van-form>
|
|
</van-cell-group>
|
|
</template>
|
|
|
|
<template v-if="viewData.association_principal_id">
|
|
<div class="van-cell-group__title mt10">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
协会审核信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-form readonly input-align="right">
|
|
<van-field label="审核人" :value="viewData.ap_username"></van-field>
|
|
<van-field label="审核时间" :value="viewData.association_principal_time"></van-field>
|
|
<van-field label="活动申请费用" :value="viewData.funds_money+'元'"></van-field>
|
|
<van-field label="审核意见" :value="viewData.association_principal_idea"></van-field>
|
|
<van-field name="sign" label="签字">
|
|
<template #input>
|
|
<van-image width="200" height="100" :src="viewData.ap_s"
|
|
v-if="viewData.ap_s"></van-image>
|
|
<span v-else>暂无</span>
|
|
</template>
|
|
</van-field>
|
|
</van-form>
|
|
</van-cell-group>
|
|
</template>
|
|
|
|
<template v-if="viewData.accounting_name">
|
|
<div class="van-cell-group__title mt10">
|
|
<div class="van-sidebar-item van-sidebar-item--select">
|
|
校工会副主席审核信息
|
|
</div>
|
|
</div>
|
|
<van-cell-group>
|
|
<van-form readonly input-align="right">
|
|
<van-field label="审核人" :value="viewData.a_username"></van-field>
|
|
<van-field label="审核时间" :value="viewData.accounting_time"></van-field>
|
|
<van-field label="审核意见" :value="viewData.accounting_idea"></van-field>
|
|
<van-field name="sign" label="签字">
|
|
<template #input>
|
|
<van-image width="200" height="100" :src="viewData.a_s"
|
|
v-if="viewData.a_s"></van-image>
|
|
<span v-else>暂无</span>
|
|
</template>
|
|
</van-field>
|
|
</van-form>
|
|
</van-cell-group>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const vue = new Vue({
|
|
el: '#app',
|
|
mixins: [mobileMixins],
|
|
components: {
|
|
'vant-file-upload': httpVueLoader('/components/plugins/VantFileUpload.vue')
|
|
},
|
|
data() {
|
|
return {
|
|
id: GetQueryString("id"),
|
|
viewData: {}
|
|
}
|
|
},
|
|
methods: {
|
|
async findOne() {
|
|
const {data, code, msg} = await $.get("/platform/jf/activity_bx/reimbursement/findOne", {id: this.id})
|
|
if (code === 0) {
|
|
this.viewData.files = []
|
|
if (data && data.budgets) {
|
|
data.budgets = JSON.parse(data.budgets)
|
|
}
|
|
if (data && data.files) {
|
|
data.files = JSON.parse(data.files)
|
|
}
|
|
this.viewData = data
|
|
} else {
|
|
this.viewData = {}
|
|
this.$toast(msg)
|
|
}
|
|
}
|
|
},
|
|
created() {
|
|
this.findOne()
|
|
}
|
|
})
|
|
</script>
|
|
|
|
<!--#
|
|
}
|
|
#-->
|