活动申报、报销
This commit is contained in:
Paidax
@@ -0,0 +1,564 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.van-doc-card {
|
||||
background-color: #fff;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 8px 12px #ebedf0;
|
||||
line-height: 20px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.van-card-header {
|
||||
padding: 14px 20px;
|
||||
border-bottom: 1px solid #ebeef5;
|
||||
box-sizing: border-box;
|
||||
color: #0e78c5;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.van-card-body {
|
||||
padding: 0px 10px 0px 10px
|
||||
}
|
||||
|
||||
.van-doc-card > div:first-child {
|
||||
border: 2px #0e78c5 solid;
|
||||
width: 26px;
|
||||
border-radius: 6px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 20px;
|
||||
}
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<van-nav-bar title="填写申报信息" left-arrow placeholder fixed @click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
|
||||
<van-form ref="addForm" :show-error-message="false" input-align="right" @submit="onSubmit">
|
||||
<van-cell-group inset class="mt10">
|
||||
<van-field readonly v-model="formData.user_name" name="user_name" label="申请人姓名"></van-field>
|
||||
<van-field readonly v-model="formData.apply_time" name="apply_time" label="申请时间"></van-field>
|
||||
<van-field readonly v-model="formData.mobile" name="mobile" label="联系方式"></van-field>
|
||||
<van-field readonly
|
||||
clickable
|
||||
name="activity_type"
|
||||
:value="formData.activity_type_name"
|
||||
required
|
||||
label="活动主体类型"
|
||||
@click="showActivityTypePicker = true"
|
||||
placeholder="点击选择活动主体类型"
|
||||
:rules="[{ required:true, message: '请选择活动主体类型'}]"></van-field>
|
||||
<van-popup v-model:show="showActivityTypePicker" position="bottom" round>
|
||||
<van-picker show-toolbar
|
||||
:columns="activityTypeColumns"
|
||||
@confirm="onActivityTypeConfirm"
|
||||
@cancel="showActivityTypePicker = false">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
|
||||
<!--<van-field readonly
|
||||
clickable
|
||||
name="projectTypeCode"
|
||||
:value="formData.projectTypeCodeName"
|
||||
required
|
||||
label="活动项目类型"
|
||||
@click="showActivityProjectTypePicker = true"
|
||||
placeholder="点击选择活动项目类型"
|
||||
:rules="[{ required:true, message: '请选择活动项目类型'}]"></van-field>
|
||||
<van-popup v-model:show="showActivityProjectTypePicker" position="bottom" round>
|
||||
<van-picker show-toolbar
|
||||
:columns="activityProjectTypeColumns"
|
||||
@confirm="onActivityProjectTypeConfirm"
|
||||
@cancel="showActivityProjectTypePicker = false">
|
||||
</van-picker>
|
||||
</van-popup>-->
|
||||
<van-field readonly
|
||||
v-model="formData.projectJfCodeName"
|
||||
name="projectJfCodeName"
|
||||
label="活动经费类型"
|
||||
placeholder="请选择活动主体类型后自动展示"
|
||||
required></van-field>
|
||||
|
||||
<van-field v-model="formData.activity_name"
|
||||
name="activity_name"
|
||||
label="活动名称"
|
||||
placeholder="请输入活动名称"
|
||||
required
|
||||
:rules="[{ required:true, message: '请输入活动名称' }]"></van-field>
|
||||
<van-field readonly
|
||||
v-model="formData.projectCode"
|
||||
name="projectCode"
|
||||
label="项目编号"
|
||||
required
|
||||
:rules="[{ required:true, message: '选择活动类型自动生成' }]"
|
||||
placeholder="选择活动类型自动生成"></van-field>
|
||||
|
||||
<template v-if="formData.activity_type!=40003">
|
||||
<van-field v-model="formData.fundsUnitName"
|
||||
name="fundsUnitName"
|
||||
label="申报(承办)单位"
|
||||
required
|
||||
:rules="[{ required:true, message: '选择活动类型自动生成' }]"
|
||||
placeholder="请输入申报(承办)单位"></van-field>
|
||||
</template>
|
||||
<template v-else>
|
||||
<van-field readonly
|
||||
clickable
|
||||
name="fundsUnitName"
|
||||
:value="formData.fundsUnitName"
|
||||
required
|
||||
label="申报协会"
|
||||
@click="showFundsUnitNamePicker = true"
|
||||
placeholder="请选择申报协会"
|
||||
:rules="[{ required:true, message: '请选择申报协会'}]"></van-field>
|
||||
<van-popup v-model:show="showFundsUnitNamePicker" position="bottom" round>
|
||||
<van-picker show-toolbar
|
||||
:columns="fundsUnitNameColumns"
|
||||
@confirm="onFundsUnitNameConfirm"
|
||||
@cancel="showFundsUnitNamePicker = false">
|
||||
</van-picker>
|
||||
</van-popup>
|
||||
</template>
|
||||
|
||||
<van-field
|
||||
required
|
||||
:rules="[{ required:true, message: '请填写活动计划开始时间' }]"
|
||||
readonly
|
||||
clickable
|
||||
name="startPlannedDate"
|
||||
:value="formData.startPlannedDate"
|
||||
label="活动计划开始时间"
|
||||
placeholder="点击选择活动计划开始时间"
|
||||
@click="showStartPlannedDatePicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model:show="showStartPlannedDatePicker" position="bottom" round>
|
||||
<van-datetime-picker
|
||||
v-model="formData.startPlannedDate"
|
||||
type="date"
|
||||
title="选择年月日"
|
||||
:min-date="minDate"
|
||||
:max-date="maxDate"
|
||||
@confirm="onStartPlannedDateConfirm"
|
||||
@cancel="showStartPlannedDatePicker=false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field
|
||||
required
|
||||
:rules="[{ required:true, message: '请填写活动计划结束时间' }]"
|
||||
readonly
|
||||
clickable
|
||||
name="endPlannedDate"
|
||||
:value="formData.endPlannedDate"
|
||||
label="活动计划结束时间"
|
||||
placeholder="点击选择活动计划结束时间"
|
||||
@click="showEndPlannedDatePicker = true"
|
||||
></van-field>
|
||||
<van-popup v-model:show="showEndPlannedDatePicker" position="bottom" round>
|
||||
<van-datetime-picker
|
||||
v-model="formData.endPlannedDate"
|
||||
type="date"
|
||||
title="选择年月日"
|
||||
:min-date="minDate"
|
||||
:max-date="maxDate"
|
||||
@confirm="onEndPlannedDateConfirm"
|
||||
@cancel="showEndPlannedDatePicker=false"
|
||||
></van-datetime-picker>
|
||||
</van-popup>
|
||||
|
||||
<van-field v-model="formData.address"
|
||||
name="address"
|
||||
label="活动地址"
|
||||
required
|
||||
:rules="[{ required:true, message: '请填写活动地址' }]"
|
||||
placeholder="请输入活动地址"></van-field>
|
||||
|
||||
|
||||
<van-field v-model="formData.funds_money"
|
||||
readonly
|
||||
name="funds_money"
|
||||
label="预算费用"
|
||||
placeholder="填写活动费用表后自动计算"></van-field>
|
||||
<van-field v-model="formData.activity_money"
|
||||
readonly
|
||||
name="activity_money"
|
||||
label="实际费用"
|
||||
placeholder="填写活动费用表后自动计算"></van-field>
|
||||
|
||||
<!-- 收款人 -->
|
||||
<van-field @input="userRemoteMethod" name="payeeName"
|
||||
required
|
||||
v-model="formData.payeeName" label="收款人" placeholder="请选择收款人"
|
||||
:rules="[{ required: true, message: '请选择收款人' }]"></van-field>
|
||||
<van-action-sheet v-model="sheetShow"
|
||||
:actions="userList"
|
||||
cancel-text="重新输入姓名或工号查询"
|
||||
@cancel="userList = []"
|
||||
:close-on-click-overlay="false"
|
||||
@select="onUserSelect">
|
||||
</van-action-sheet>
|
||||
|
||||
<van-field v-model="formData.activity_card_name"
|
||||
name="activity_card_name"
|
||||
label="支行名称"
|
||||
placeholder="请输入支行名称"
|
||||
required
|
||||
:rules="[{ required:true, message: '请输入支行名称' }]"></van-field>
|
||||
<van-field v-model="formData.activity_card_number"
|
||||
name="activity_card_number"
|
||||
label="报销卡号"
|
||||
placeholder="请输入报销卡号"
|
||||
required
|
||||
:rules="[{ required:true, message: '请输入报销卡号' }]"></van-field>
|
||||
|
||||
|
||||
<van-field v-model="formData.activity_content"
|
||||
rows="2"
|
||||
autosize
|
||||
type="textarea"
|
||||
name="activity_content"
|
||||
label="活动方案及简介"
|
||||
required
|
||||
:rules="[{ required:true, message: '请输入活动方案及简介' }]"
|
||||
placeholder="请输入活动方案及简介"></van-field>
|
||||
|
||||
<div class="van-doc-card" style="margin-bottom: 16px">
|
||||
<div></div>
|
||||
<div class="van-card-header"
|
||||
style="display: flex; justify-content: space-between; align-items: center">
|
||||
<span style="float:left;">活动费用预算表</span>
|
||||
<div>
|
||||
<van-tag @click="delBudgets" size="large" type="primary" color="lightgrey">删除费用</van-tag>
|
||||
<van-tag @click="addBudgets" size="large" type="primary" color="#1867b0">添加费用</van-tag>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="formData.budgets.length > 0" class="van-card-body">
|
||||
<van-tabs v-model="active" type="card" color="#0e78c5" animated>
|
||||
<van-tab v-for="item, index in formData.budgets" :title="'费用' + (index + 1)">
|
||||
<van-field label="物品名称" name="name" placeholder="请填写物品名称" v-model="item.name"
|
||||
:rules="[{ required: true }]"></van-field>
|
||||
<van-field label="预算费用" name="budgetPrice" placeholder="请填写预算费用" v-model="item.budgetPrice"
|
||||
@input="blur1" type="digit" :rules="[{ required: true }]"></van-field>
|
||||
<!--<van-field label="实际费用" name="actualPrice" placeholder="请填写实际费用" v-model="item.actualPrice"
|
||||
@input="blur2" type="digit" :rules="[{ required: true }]"></van-field>-->
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<van-field name="files" label="附件" style="flex-flow: column" input-align="left">
|
||||
<template #label>
|
||||
<div class="mb10">附件</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="formData.files"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-cell-group inset style="margin: 0">
|
||||
<van-field label="签字" required style="flex-flow: column">
|
||||
<template #label>
|
||||
<div class="mb10">签  字</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<mobile-sign ref="signature" :my_sign.sync="formData.sign"></mobile-sign>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
</van-cell-group>
|
||||
|
||||
<div style="margin: 20px 20px 10px 20px">
|
||||
<van-button native-type="submit" style="border-radius: 10px" block type="info" :color="themeColor">
|
||||
提 交
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
</van-form>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
components: {
|
||||
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
minDate: new Date(new Date().getFullYear(), 0, 1),
|
||||
maxDate: new Date(2050, 10, 1),
|
||||
currentDate: new Date(),
|
||||
|
||||
showActivityTypePicker: false,
|
||||
activityTypeColumns: [],
|
||||
|
||||
showActivityProjectTypePicker: false,
|
||||
activityProjectTypeColumns: [],
|
||||
|
||||
showFundsUnitNamePicker: false,
|
||||
fundsUnitNameColumns: [],
|
||||
|
||||
showStartPlannedDatePicker: false,
|
||||
|
||||
showEndPlannedDatePicker: false,
|
||||
|
||||
formData: {
|
||||
goods:[{name: '', price: '', actualPrice: ''},],
|
||||
activity_card_name: '',
|
||||
activity_card_number: '',
|
||||
},
|
||||
|
||||
id: null,
|
||||
projectJfType: [],
|
||||
active: '',
|
||||
userList: [],
|
||||
sheetShow: false,
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
blur1() {
|
||||
let num = 0
|
||||
this.formData.budgets.forEach(v => {
|
||||
num += parseFloat(v.budgetPrice)
|
||||
})
|
||||
this.$set(this.formData, "funds_money", num)
|
||||
},
|
||||
async userRemoteMethod(event) {
|
||||
if (event) {
|
||||
const arr = await this.queryUser(event)
|
||||
this.userList = arr.map(v => {
|
||||
return {
|
||||
name: v.username + "(" + v.loginname + ")", id: v.id
|
||||
}
|
||||
})
|
||||
this.sheetShow = true
|
||||
}
|
||||
},
|
||||
onUserSelect(u) {
|
||||
this.$set(this.formData, 'payeeId', u.id)
|
||||
this.$set(this.formData, 'payeeName', u.name)
|
||||
this.getCardNumberByPayeeId()
|
||||
this.sheetShow = false
|
||||
},
|
||||
async queryUser(query) {
|
||||
const {data} = await $.get("/platform/fw/condolence/apply/queryUser", {query})
|
||||
return data
|
||||
},
|
||||
async getCardNumberByPayeeId() {
|
||||
const resp = await $.get('/platform/jf/Funds/apply/getCardNumberByPayeeId', {payeeId: this.formData.payeeId})
|
||||
if (resp.code === 0) {
|
||||
if (resp.data) {
|
||||
this.$set(this.formData, 'activity_card_number', resp.data[0].activity_card_number)
|
||||
this.$set(this.formData, 'activity_card_name', resp.data[0].activity_card_name)
|
||||
// this.formData.activity_card_number = resp.data[0].activity_card_number
|
||||
// this.formData.activity_card_name = resp.data[0].activity_card_name
|
||||
}
|
||||
}
|
||||
},
|
||||
addBudgets() {
|
||||
this.formData.budgets.push({name: '', price: '', actualPrice: ''})
|
||||
},
|
||||
delBudgets() {
|
||||
this.formData.budgets.splice(this.active, 1)
|
||||
},
|
||||
onActivityTypeConfirm(val) {
|
||||
this.showActivityTypePicker = false
|
||||
this.formData.activity_type = val.value
|
||||
this.formData.activity_type_name = val.text
|
||||
this.getProjectCodeChange()
|
||||
},
|
||||
onActivityProjectTypeConfirm(val) {
|
||||
this.showActivityProjectTypePicker = false
|
||||
this.formData.projectTypeCode = val.value
|
||||
this.formData.projectTypeCodeName = val.text
|
||||
},
|
||||
onFundsUnitNameConfirm(val) {
|
||||
this.formData.fundsUnitName = val.text
|
||||
this.formData.clubId = val.value
|
||||
this.showFundsUnitNamePicker = false
|
||||
},
|
||||
onStartPlannedDateConfirm(val) {
|
||||
console.log(val)
|
||||
this.formData.startPlannedDate = moment(val).format("YYYY-MM-DD")
|
||||
this.showStartPlannedDatePicker = false
|
||||
},
|
||||
onEndPlannedDateConfirm(val) {
|
||||
console.log(val)
|
||||
this.formData.endPlannedDate = moment(val).format("YYYY-MM-DD")
|
||||
this.showEndPlannedDatePicker = false
|
||||
},
|
||||
|
||||
onSubmit() {
|
||||
if (!this.formData.sign) {
|
||||
this.$toast('请签字')
|
||||
return
|
||||
}
|
||||
this.$dialog.confirm({
|
||||
title: '提示',
|
||||
message: '您确定提交吗?'
|
||||
}).then(async () => {
|
||||
const formData = clone(this.formData)
|
||||
if (formData.budgets) {
|
||||
formData.budgets.forEach(v => {
|
||||
v.total = (v.unitPrice * v.num).toFixed(2)
|
||||
})
|
||||
}
|
||||
|
||||
const url = this.formData.id ? '/platform/jf/activity_bx/apply/doEdit' : '/platform/jf/activity_bx/apply/doAdd'
|
||||
|
||||
const resp = await $.post(url, {
|
||||
activityBx: JSON.stringify(formData),
|
||||
sign: this.formData.sign
|
||||
})
|
||||
if (resp.code === 0) {
|
||||
this.$toast.success(resp.msg)
|
||||
setTimeout(() => {
|
||||
location.replace('/mobile/jf/declare/info')
|
||||
}, 1000)
|
||||
} else {
|
||||
this.$toast.fail('申请失败');
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
async init() {
|
||||
this.formData = {
|
||||
apply_type: 1,
|
||||
goods: [
|
||||
{}
|
||||
],
|
||||
files: [],
|
||||
time: [],
|
||||
activity_type: null,
|
||||
activity_money: null,
|
||||
user_name: '${@shiro.getPrincipalProperty("username")}',
|
||||
mobile: '${@shiro.getPrincipalProperty("mobile")}',
|
||||
apply_time: moment().format('YYYY-MM-DD'),
|
||||
activity_card_number: '${@shiro.getPrincipalProperty("bank_number")}'
|
||||
}
|
||||
|
||||
if ("${@shiro.hasRole('H04')&&!(@shiro.hasRole('A06')||@shiro.hasRole('sysadmin')||@shiro.hasRole('club01'))}" === 'true') {
|
||||
this.$set(this.formData, "activity_type", "40002")
|
||||
this.$set(this.formData, "fundsUnitName", '${@shiro.getPrincipalProperty("union").getUnionname()}')
|
||||
} else if ("${@shiro.hasRole('club01')&&!(@shiro.hasRole('H04')||@shiro.hasRole('sysadmin')||@shiro.hasRole('A06'))}" === 'true') {
|
||||
this.$set(this.formData, "activity_type", "40003")
|
||||
} else if ("${(@shiro.hasRole('xghng')||@shiro.hasRole('H10'))&&!(@shiro.hasRole('H04')||@shiro.hasRole('sysadmin')||@shiro.hasRole('club01'))}" === 'true') {
|
||||
this.$set(this.formData, "activity_type", "40001")
|
||||
this.$set(this.formData, "fundsUnitName", '校工会')
|
||||
}
|
||||
|
||||
if (this.formData.activity_type) {
|
||||
await this.getProjectCodeChange()
|
||||
}
|
||||
},
|
||||
|
||||
async activityChange(val) {
|
||||
if (!this.formData.activity_type) {
|
||||
const activity = this.activity.find(v => v.v_name == val)
|
||||
this.$set(this.formData, 'activity_id', activity ? activity.id : null)
|
||||
this.$set(this.formData, 'projectTypeCode', activity ? activity.projectTypeCode : null)
|
||||
if (!activity) await this.generateProjectCode(this.formData.activity_type)
|
||||
}
|
||||
},
|
||||
async generateProjectCode(val) {
|
||||
const {data} = await $.get('/platform/jf/Funds/apply/generateProjectCode', {activity_type: val})
|
||||
this.$set(this.formData, 'projectCode', data)
|
||||
},
|
||||
async getProjectCodeChange(val) {
|
||||
this.$set(this.formData, "fundsUnitName", null)
|
||||
await this.generateProjectCode(this.formData.activity_type)
|
||||
if (this.formData.activity_type == 40001) {
|
||||
const jfType = this.projectJfType.find(p => p.code == "70001")
|
||||
this.$set(this.formData, "projectJfCode", jfType ? jfType.code : null)
|
||||
this.$set(this.formData, "projectJfCodeName", jfType ? jfType.name : null)
|
||||
this.$set(this.formData, "fundsUnitName", '校工会')
|
||||
} else if (this.formData.activity_type == 40002) {
|
||||
const jfType = this.projectJfType.find(p => p.code == "70002")
|
||||
this.$set(this.formData, "projectJfCode", jfType ? jfType.code : null)
|
||||
this.$set(this.formData, "projectJfCodeName", jfType ? jfType.name : null)
|
||||
this.$set(this.formData, "fundsUnitName", '${@shiro.getPrincipalProperty("union").getUnionname()}')
|
||||
} else if (this.formData.activity_type == 40003) {
|
||||
const jfType = this.projectJfType.find(p => p.code == "70003")
|
||||
this.$set(this.formData, "projectJfCode", jfType ? jfType.code : null)
|
||||
this.$set(this.formData, "projectJfCodeName", jfType ? jfType.name : null)
|
||||
|
||||
const allClubs = await getClubs()
|
||||
$.get('/platform/jf/Funds/apply/getUserClub').then(resp => {
|
||||
if (resp.code === 0) {
|
||||
const userClubIds = resp.data.map(v => v.clubid)
|
||||
this.fundsUnitNameColumns = allClubs.filter(v => {
|
||||
return userClubIds.includes(v.id)
|
||||
}).map(v => {
|
||||
return {
|
||||
text: v.name,
|
||||
value: v.id
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
async findOne(id) {
|
||||
const resp = await $.get('/platform/jf/Funds/apply/findOne', {id})
|
||||
if (resp.code === 0) {
|
||||
return resp.data
|
||||
}
|
||||
},
|
||||
async openEdit(id) {
|
||||
const data = await this.findOne(id)
|
||||
data.activity_type = data.activity_type.toString()
|
||||
if (data.files && data.files.length > 0) data.files = JSON.parse(data.files)
|
||||
data.plannedDate = [data.startPlannedDate, data.endPlannedDate]
|
||||
|
||||
if (data.budgets) {
|
||||
data.budgets = JSON.parse(data.budgets)
|
||||
} else {
|
||||
data.budgets = []
|
||||
}
|
||||
|
||||
if (data.us_s) {
|
||||
data.sign = data.us_s
|
||||
}
|
||||
|
||||
this.formData = data
|
||||
|
||||
const activity_type_name = this.activityTypeColumns.find(v => v.value === this.formData.activity_type)?.text
|
||||
this.$set(this.formData, 'activity_type_name', activity_type_name)
|
||||
|
||||
const projectTypeCodeName = this.activityProjectTypeColumns.find(v => v.value === this.formData.projectTypeCode)?.text
|
||||
this.$set(this.formData, 'projectTypeCodeName', projectTypeCodeName)
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
async created() {
|
||||
getActivityTwoLevelType("40000").then(data => {
|
||||
this.activityTypeColumns = data.map(v => {
|
||||
return {
|
||||
text: v.name,
|
||||
value: v.code
|
||||
}
|
||||
})
|
||||
})
|
||||
getActivityTwoLevelType("50000").then(data => {
|
||||
this.activityProjectTypeColumns = data.map(v => {
|
||||
return {
|
||||
text: v.name,
|
||||
value: v.code
|
||||
}
|
||||
})
|
||||
})
|
||||
this.projectJfType = await getActivityTwoLevelType("70000")
|
||||
let id = GetQueryString("id")
|
||||
if (id) {
|
||||
this.openEdit(id)
|
||||
} else {
|
||||
this.init()
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,221 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.list-card-divider {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-card-footer {
|
||||
padding: 0 10px 10px 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
column-gap: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<m-page-loading v-if="mLoading"></m-page-loading>
|
||||
<van-nav-bar title="活动申报协会负责人审核" left-arrow placeholder fixed @click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
<div class="search-fixed">
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.year" :options="yearOption" @change="yearChange"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unionId" @change="doSearch"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('SchoolUnionMemberAdmin')||@shiro.hasRole('H10')}"
|
||||
:options="unionList"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unitId" @change="doSearch"
|
||||
:options="unitList"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
</div>
|
||||
<div style="margin: 60px auto 0 auto">
|
||||
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
||||
@load="pageData">
|
||||
<div v-for="o in tableData" class="list-card" @click="openInfo(o.id)">
|
||||
<van-cell-group inset>
|
||||
<van-cell :border="false" title="活动名称">
|
||||
<span class="van-ellipsis" style="font-size: 16px;" :style="{color:themeColor}">
|
||||
{{o.activity_name}}
|
||||
</span>
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请时间">{{o.apply_time}}</van-cell>
|
||||
<van-cell :border="false" title="主体类型">
|
||||
{{ o.activity_type == 40002 ? "分工会活动" : o.activity_type == 40003 ?
|
||||
"协会(协会)活动" :
|
||||
"校工会活动"}}
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="项目类型">
|
||||
{{o.absName}}({{o.projectTypeCode}})
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请人姓名">{{o.user_name}}</van-cell>
|
||||
<van-cell :border="false" title="申请人工号">{{o.bxr_loginname}}</van-cell>
|
||||
<van-cell :border="false" title="所属工会">{{o.bxr_unionname}}</van-cell>
|
||||
<van-cell :border="false" title="审核状态">
|
||||
<span :style="'color:'+o.state_color">{{o.state_name}}</span>
|
||||
</van-cell>
|
||||
<van-divider class="list-card-divider"></van-divider>
|
||||
<div class="list-card-footer">
|
||||
<van-button size="small" :color="themeColor" @click.stop="openInfo(o.id)">查看详情</van-button>
|
||||
<van-button size="small" :color="themeColor" v-if="[1000].includes(o.state_id)" @click.stop="openHandle(o.id)">审核</van-button>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
<van-empty v-if="mLoading==false&&tableData.length==0" class="custom-image"
|
||||
image="/none.svg"
|
||||
description="暂无数据">
|
||||
</van-empty>
|
||||
|
||||
|
||||
<van-popup v-model="clubChairmanShow" position="right" :style="{ height: '100%', width: '100%' }">
|
||||
<van-sticky>
|
||||
<van-nav-bar title="活动申报协会负责人审核" left-arrow placeholder fixed @click-left="clubChairmanShow = false"></van-nav-bar>
|
||||
</van-sticky>
|
||||
<activity-info ref="auditRef">
|
||||
<template #handle>
|
||||
<div class="van-cell-group__title mt20">
|
||||
<div class="van-sidebar-item van-sidebar-item--select">
|
||||
协会负责人审核
|
||||
</div>
|
||||
</div>
|
||||
<van-form>
|
||||
<van-field
|
||||
readonly
|
||||
value="${@shiro.getPrincipalProperty('username')}"
|
||||
name="username"
|
||||
label="审核人员"
|
||||
></van-field>
|
||||
<van-field v-model="formData.time" label="审核时间" readonly></van-field>
|
||||
<van-field
|
||||
v-model="formData.idea"
|
||||
rows="1"
|
||||
autosize
|
||||
label="审核意见"
|
||||
type="textarea"
|
||||
placeholder="请输入审核意见"
|
||||
></van-field>
|
||||
<van-field label="签字" required style="flex-flow: column">
|
||||
<template #label>
|
||||
<div class="mb10">签  字</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<mobile-sign ref="signature" :my_sign.sync="formData.sign"></mobile-sign>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-row gutter="20" style="margin-top: 30px;padding: 0 25px">
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" plain block @click="doAudit(false)">拒 绝
|
||||
</van-button>
|
||||
</van-col>
|
||||
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" block @click="doAudit(true)">通 过
|
||||
</van-button>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</van-form>
|
||||
</template>
|
||||
</activity-info>
|
||||
</van-popup>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return {
|
||||
handle: true,
|
||||
yearOption: [],
|
||||
pageForm: {
|
||||
year: '',
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
apply_type: 1
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
clubChairmanShow: false,
|
||||
pageDataUrl: '/platform/jf/activity_bx/association/pageData'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
|
||||
'activity-info': httpVueLoader('/components/mobile/jf/info.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
methods: {
|
||||
openHandle(id) {
|
||||
this.clubChairmanShow = true
|
||||
this.handle = true
|
||||
this.formData.time = moment().format('YYYY-MM-DD')
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo()
|
||||
})
|
||||
},
|
||||
openInfo(id) {
|
||||
this.clubChairmanShow = true
|
||||
this.handle = false
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
doAudit(flag) {
|
||||
if (!this.formData.idea) {
|
||||
this.$toast.fail('请输入审核意见')
|
||||
return
|
||||
}
|
||||
if (!this.formData.sign) {
|
||||
this.$toast.fail('请签名')
|
||||
return
|
||||
}
|
||||
this.formData.flag = flag
|
||||
const resp = await $.post("/platform/jf/activity_bx/division/doReview", this.formData)
|
||||
if (resp.code === 0){
|
||||
this.pageData()
|
||||
this.unionChairmanShow = false
|
||||
this.$toast.success(resp.msg)
|
||||
} else {
|
||||
this.$toast.fail(resp.msg)
|
||||
}
|
||||
},
|
||||
yearChange(val) {
|
||||
this.pageForm.year = val
|
||||
this.onRefresh()
|
||||
},
|
||||
async getUnionList(){
|
||||
const {data} = await $.get("/platform/vi/common/unions")
|
||||
data.forEach(v => {
|
||||
v.text = v.unionname
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部工会", value: ''})
|
||||
this.unionList = data
|
||||
},
|
||||
async getUnitList(unionId) {
|
||||
const {data} = await $.get("/platform/vi/common/units", {unionId})
|
||||
data.forEach(v => {
|
||||
v.text = v.name
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部单位", value: ''})
|
||||
this.unitList = data
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.mLoading = true
|
||||
for (let i = new Date().getFullYear() - 10; i <= new Date().getFullYear(); i++) {
|
||||
this.yearOption.unshift({value: i, text: i + '年'},)
|
||||
}
|
||||
this.$set(this.pageForm, "year", this.yearOption[0].value)
|
||||
this.getUnionList()
|
||||
this.getUnitList()
|
||||
this.mLoading = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,170 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.list-card-divider {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-card-footer {
|
||||
padding: 0 10px 10px 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
column-gap: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<m-page-loading v-if="mLoading"></m-page-loading>
|
||||
<van-nav-bar title="活动申报列表" left-arrow placeholder fixed @click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
<div class="search-fixed">
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.year" :options="yearOption" @change="yearChange"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unionId" @change="doSearch"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('SchoolUnionMemberAdmin')||@shiro.hasRole('H10')}"
|
||||
:options="unionList"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unitId" @change="doSearch"
|
||||
:options="unitList"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
</div>
|
||||
<div style="margin: 60px auto 0 auto">
|
||||
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
||||
@load="pageData">
|
||||
<div v-for="o in tableData" class="list-card" @click="openInfo(o.id)">
|
||||
<van-cell-group inset>
|
||||
<van-cell :border="false" title="活动名称">
|
||||
<span class="van-ellipsis" style="font-size: 16px;" :style="{color:themeColor}">
|
||||
{{o.activity_name}}
|
||||
</span>
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请时间">{{o.apply_time}}</van-cell>
|
||||
<van-cell :border="false" title="主体类型">
|
||||
{{ o.activity_type == 40002 ? "分工会活动" : o.activity_type == 40003 ?
|
||||
"协会(协会)活动" :
|
||||
"校工会活动"}}
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="项目类型">
|
||||
{{o.absName}}({{o.projectTypeCode}})
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请人姓名">{{o.user_name}}</van-cell>
|
||||
<van-cell :border="false" title="申请人工号">{{o.bxr_loginname}}</van-cell>
|
||||
<van-cell :border="false" title="所属工会">{{o.bxr_unionname}}</van-cell>
|
||||
<van-cell :border="false" title="审核状态">
|
||||
<span :style="'color:'+o.state_color">{{o.state_name}}</span>
|
||||
</van-cell>
|
||||
<van-divider class="list-card-divider"></van-divider>
|
||||
<div class="list-card-footer">
|
||||
<van-button size="small" :color="themeColor" @click.stop="openInfo(o.id)">查看详情</van-button>
|
||||
<van-button size="small" :color="themeColor" v-if="[1010,1000].includes(o.state_id)" @click.stop="openEdit(o.id)">编辑</van-button>
|
||||
<van-button size="small" type="danger" @click.stop="doDelete(o.id)"
|
||||
v-if="[1010,1000].includes(o.state_id) || ${@shiro.hasRole('sysadmin')}">删除
|
||||
</van-button>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
<van-empty v-if="mLoading==false&&tableData.length==0" class="custom-image"
|
||||
image="/none.svg"
|
||||
description="暂无数据">
|
||||
</van-empty>
|
||||
|
||||
|
||||
<van-popup v-model="activityDeclareOrReimbursementShow" position="right" :style="{ height: '100%',width: '100%'}"
|
||||
safe-area-inset-bottom>
|
||||
<van-sticky>
|
||||
<van-nav-bar @click-left="activityDeclareOrReimbursementShow=false" left-arrow
|
||||
title="活动申报及报销信息"></van-nav-bar>
|
||||
<activity-info ref="activityInfoRef"></activity-info>
|
||||
</van-sticky>
|
||||
|
||||
</van-popup>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return {
|
||||
yearOption: [],
|
||||
pageForm: {
|
||||
year: '',
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
apply_type: 1
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
activityDeclareOrReimbursementShow: false,
|
||||
pageDataUrl: '/platform/jf/activity_bx/reimbursement/pageData'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'activity-info': httpVueLoader('/components/mobile/jf/info.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
methods: {
|
||||
openInfo(id) {
|
||||
this.activityDeclareOrReimbursementShow = true
|
||||
this.$nextTick(() => {
|
||||
this.$refs.activityInfoRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
yearChange(val) {
|
||||
this.pageForm.year = val
|
||||
this.onRefresh()
|
||||
},
|
||||
doDelete(id) {
|
||||
this.$dialog.confirm({
|
||||
title: '提示',
|
||||
message: '您确定要删除吗？'
|
||||
}).then(async () => {
|
||||
const resp = await $.post("/platform/jf/activity_bx/reimbursement/doDelete", {id: id})
|
||||
if (resp.code === 0) {
|
||||
this.$toast.success(resp.msg)
|
||||
this.doSearch()
|
||||
} else {
|
||||
this.$toast.error(resp.msg)
|
||||
}
|
||||
})
|
||||
},
|
||||
openEdit(id){
|
||||
window.location.href = '/platform/jf/Funds/apply/mobile?id='+id
|
||||
},
|
||||
async getUnionList(){
|
||||
const {data} = await $.get("/platform/vi/common/unions")
|
||||
data.forEach(v => {
|
||||
v.text = v.unionname
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部工会", value: ''})
|
||||
this.unionList = data
|
||||
},
|
||||
async getUnitList(unionId) {
|
||||
const {data} = await $.get("/platform/vi/common/units", {unionId})
|
||||
data.forEach(v => {
|
||||
v.text = v.name
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部单位", value: ''})
|
||||
this.unitList = data
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.mLoading = true
|
||||
for (let i = new Date().getFullYear() - 10; i <= new Date().getFullYear(); i++) {
|
||||
this.yearOption.unshift({value: i, text: i + '年'},)
|
||||
}
|
||||
this.$set(this.pageForm, "year", this.yearOption[0].value)
|
||||
this.getUnionList()
|
||||
this.getUnitList()
|
||||
this.mLoading = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,224 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.list-card-divider {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-card-footer {
|
||||
padding: 0 10px 10px 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
column-gap: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<m-page-loading v-if="mLoading"></m-page-loading>
|
||||
<van-nav-bar title="活动申报校工会主席审核" left-arrow placeholder fixed
|
||||
@click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
<div class="search-fixed">
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.year" :options="yearOption" @change="yearChange"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unionId" @change="doSearch"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('SchoolUnionMemberAdmin')||@shiro.hasRole('H10')}"
|
||||
:options="unionList"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unitId" @change="doSearch" :options="unitList"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
</div>
|
||||
<div style="margin: 60px auto 0 auto">
|
||||
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
||||
@load="pageData">
|
||||
<div v-for="o in tableData" class="list-card" @click="openInfo(o.id)">
|
||||
<van-cell-group inset>
|
||||
<van-cell :border="false" title="活动名称">
|
||||
<span class="van-ellipsis" style="font-size: 16px;" :style="{color:themeColor}">
|
||||
{{o.activity_name}}
|
||||
</span>
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请时间">{{o.apply_time}}</van-cell>
|
||||
<van-cell :border="false" title="主体类型">
|
||||
{{ o.activity_type == 40002 ? "分工会活动" : o.activity_type == 40003 ?
|
||||
"协会(协会)活动" :
|
||||
"校工会活动"}}
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="项目类型">
|
||||
{{o.absName}}({{o.projectTypeCode}})
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请人姓名">{{o.user_name}}</van-cell>
|
||||
<van-cell :border="false" title="申请人工号">{{o.bxr_loginname}}</van-cell>
|
||||
<van-cell :border="false" title="所属工会">{{o.bxr_unionname}}</van-cell>
|
||||
<van-cell :border="false" title="审核状态">
|
||||
<span :style="'color:'+o.state_color">{{o.state_name}}</span>
|
||||
</van-cell>
|
||||
<van-divider class="list-card-divider"></van-divider>
|
||||
<div class="list-card-footer">
|
||||
<van-button size="small" :color="themeColor" @click.stop="openInfo(o.id)">查看详情</van-button>
|
||||
<van-button size="small" :color="themeColor" v-if="[1020].includes(o.state_id)"
|
||||
@click.stop="openHandle(o.id)">审核
|
||||
</van-button>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
<van-empty v-if="mLoading==false&&tableData.length==0" class="custom-image"
|
||||
image="/none.svg"
|
||||
description="暂无数据">
|
||||
</van-empty>
|
||||
|
||||
<van-popup v-model="schoolChairmanShow" position="right" :style="{ height: '100%', width: '100%' }">
|
||||
<van-sticky>
|
||||
<van-nav-bar title="活动申报校工会主席审核" left-arrow placeholder fixed
|
||||
@click-left="schoolChairmanShow = false"></van-nav-bar>
|
||||
</van-sticky>
|
||||
<activity-info ref="auditRef" :handle="handle">
|
||||
<template #handle>
|
||||
<div class="van-cell-group__title mt20">
|
||||
<div class="van-sidebar-item van-sidebar-item--select">
|
||||
校工会主席审核
|
||||
</div>
|
||||
</div>
|
||||
<van-form>
|
||||
<van-field
|
||||
readonly
|
||||
value="${@shiro.getPrincipalProperty('username')}"
|
||||
name="username"
|
||||
label="审核人员"
|
||||
></van-field>
|
||||
<van-field v-model="formData.time" label="审核时间" readonly></van-field>
|
||||
<van-field
|
||||
v-model="formData.idea"
|
||||
rows="1"
|
||||
autosize
|
||||
label="审核意见"
|
||||
type="textarea"
|
||||
placeholder="请输入审核意见"
|
||||
></van-field>
|
||||
<van-field label="签字" required style="flex-flow: column">
|
||||
<template #label>
|
||||
<div class="mb10">签  字</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<mobile-sign ref="signature" v-model="formData.sign" :is_value_base64="false" prefix="activityDeclare"></mobile-sign>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-row gutter="20" style="margin-top: 30px;padding: 0 25px">
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" plain block @click="doAudit(false)">拒 绝
|
||||
</van-button>
|
||||
</van-col>
|
||||
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" block @click="doAudit(true)">通 过
|
||||
</van-button>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</van-form>
|
||||
</template>
|
||||
</activity-info>
|
||||
</van-popup>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return {
|
||||
handle: true,
|
||||
yearOption: [],
|
||||
pageForm: {
|
||||
year: '',
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
isAudit: 3,
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
auditOption: [],
|
||||
schoolChairmanShow: false,
|
||||
pageDataUrl: '/platform/jf/activity_bx/union/pageData'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
|
||||
'activity-info': httpVueLoader('/components/mobile/jf/info.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
methods: {
|
||||
openHandle(id) {
|
||||
this.schoolChairmanShow = true
|
||||
this.handle = true
|
||||
this.formData.time = moment().format('YYYY-MM-DD')
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
async doAudit(flag) {
|
||||
if (!this.formData.idea) {
|
||||
this.$toast.fail('请输入审核意见')
|
||||
return
|
||||
}
|
||||
if (!this.formData.sign) {
|
||||
this.$toast.fail('请签名')
|
||||
return
|
||||
}
|
||||
this.formData.flag = flag
|
||||
const resp = await $.post("/platform/jf/activity_bx/union/doReview", this.formData)
|
||||
if (resp.code === 0){
|
||||
this.pageData()
|
||||
this.schoolChairmanShow = false
|
||||
this.$toast.success(resp.msg)
|
||||
} else {
|
||||
this.$toast.fail(resp.msg)
|
||||
}
|
||||
},
|
||||
openInfo(id) {
|
||||
this.schoolChairmanShow = true
|
||||
this.handle = false
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
yearChange(val) {
|
||||
this.pageForm.year = val
|
||||
this.onRefresh()
|
||||
},
|
||||
async getUnionList() {
|
||||
const {data} = await $.get("/platform/vi/common/unions")
|
||||
data.forEach(v => {
|
||||
v.text = v.unionname
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部工会", value: ''})
|
||||
this.unionList = data
|
||||
},
|
||||
async getUnitList(unionId) {
|
||||
const {data} = await $.get("/platform/vi/common/units", {unionId})
|
||||
data.forEach(v => {
|
||||
v.text = v.name
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部单位", value: ''})
|
||||
this.unitList = data
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.mLoading = true
|
||||
for (let i = new Date().getFullYear() - 10; i <= new Date().getFullYear(); i++) {
|
||||
this.yearOption.unshift({value: i, text: i + '年'},)
|
||||
}
|
||||
this.$set(this.pageForm, "year", this.yearOption[0].value)
|
||||
this.getUnionList()
|
||||
this.getUnitList()
|
||||
this.mLoading = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,224 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.list-card-divider {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-card-footer {
|
||||
padding: 0 10px 10px 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
column-gap: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<m-page-loading v-if="mLoading"></m-page-loading>
|
||||
<van-nav-bar title="活动申报校工会负责人审核" left-arrow placeholder fixed
|
||||
@click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
<div class="search-fixed">
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.year" :options="yearOption" @change="yearChange"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unionId" @change="doSearch"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('SchoolUnionMemberAdmin')||@shiro.hasRole('H10')}"
|
||||
:options="unionList"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unitId" @change="doSearch" :options="unitList"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
</div>
|
||||
<div style="margin: 60px auto 0 auto">
|
||||
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
||||
@load="pageData">
|
||||
<div v-for="o in tableData" class="list-card" @click="openInfo(o.id)">
|
||||
<van-cell-group inset>
|
||||
<van-cell :border="false" title="活动名称">
|
||||
<span class="van-ellipsis" style="font-size: 16px;" :style="{color:themeColor}">
|
||||
{{o.activity_name}}
|
||||
</span>
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请时间">{{o.apply_time}}</van-cell>
|
||||
<van-cell :border="false" title="主体类型">
|
||||
{{ o.activity_type == 40002 ? "分工会活动" : o.activity_type == 40003 ?
|
||||
"协会(协会)活动" :
|
||||
"校工会活动"}}
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="项目类型">
|
||||
{{o.absName}}({{o.projectTypeCode}})
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请人姓名">{{o.user_name}}</van-cell>
|
||||
<van-cell :border="false" title="申请人工号">{{o.bxr_loginname}}</van-cell>
|
||||
<van-cell :border="false" title="所属工会">{{o.bxr_unionname}}</van-cell>
|
||||
<van-cell :border="false" title="审核状态">
|
||||
<span :style="'color:'+o.state_color">{{o.state_name}}</span>
|
||||
</van-cell>
|
||||
<van-divider class="list-card-divider"></van-divider>
|
||||
<div class="list-card-footer">
|
||||
<van-button size="small" :color="themeColor" @click.stop="openInfo(o.id)">查看详情</van-button>
|
||||
<van-button size="small" :color="themeColor" v-if="[1020].includes(o.state_id)"
|
||||
@click.stop="openHandle(o.id)">审核
|
||||
</van-button>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
<van-empty v-if="mLoading==false&&tableData.length==0" class="custom-image"
|
||||
image="/none.svg"
|
||||
description="暂无数据">
|
||||
</van-empty>
|
||||
|
||||
<van-popup v-model="schoolDirectorShow" position="right" :style="{ height: '100%', width: '100%' }">
|
||||
<van-sticky>
|
||||
<van-nav-bar title="活动申报校工会负责人审核" left-arrow placeholder fixed
|
||||
@click-left="schoolDirectorShow = false"></van-nav-bar>
|
||||
</van-sticky>
|
||||
<activity-info ref="auditRef" :handle="handle">
|
||||
<template #handle>
|
||||
<div class="van-cell-group__title mt20">
|
||||
<div class="van-sidebar-item van-sidebar-item--select">
|
||||
校工会负责人审核
|
||||
</div>
|
||||
</div>
|
||||
<van-form>
|
||||
<van-field
|
||||
readonly
|
||||
value="${@shiro.getPrincipalProperty('username')}"
|
||||
name="username"
|
||||
label="审核人员"
|
||||
></van-field>
|
||||
<van-field v-model="formData.time" label="审核时间" readonly></van-field>
|
||||
<van-field
|
||||
v-model="formData.idea"
|
||||
rows="1"
|
||||
autosize
|
||||
label="审核意见"
|
||||
type="textarea"
|
||||
placeholder="请输入审核意见"
|
||||
></van-field>
|
||||
<van-field label="签字" required style="flex-flow: column">
|
||||
<template #label>
|
||||
<div class="mb10">签  字</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<mobile-sign ref="signature" v-model="formData.sign" :is_value_base64="false" prefix="activityDeclare"></mobile-sign>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-row gutter="20" style="margin-top: 30px;padding: 0 25px">
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" plain block @click="doAudit(false)">拒 绝
|
||||
</van-button>
|
||||
</van-col>
|
||||
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" block @click="doAudit(true)">通 过
|
||||
</van-button>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</van-form>
|
||||
</template>
|
||||
</activity-info>
|
||||
</van-popup>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return {
|
||||
handle: true,
|
||||
yearOption: [],
|
||||
pageForm: {
|
||||
year: '',
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
isAudit: 3,
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
auditOption: [],
|
||||
schoolDirectorShow: false,
|
||||
pageDataUrl: '/platform/jf/activity_bx/accounting/pageData'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
|
||||
'activity-info': httpVueLoader('/components/mobile/jf/info.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
methods: {
|
||||
openHandle(id) {
|
||||
this.schoolDirectorShow = true
|
||||
this.handle = true
|
||||
this.formData.time = moment().format('YYYY-MM-DD')
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
async doAudit(flag) {
|
||||
if (!this.formData.idea) {
|
||||
this.$toast.fail('请输入审核意见')
|
||||
return
|
||||
}
|
||||
if (!this.formData.sign) {
|
||||
this.$toast.fail('请签名')
|
||||
return
|
||||
}
|
||||
this.formData.flag = flag
|
||||
const resp = await $.post("/platform/jf/activity_bx/accounting/doReview", this.formData)
|
||||
if (resp.code === 0){
|
||||
this.pageData()
|
||||
this.schoolDirectorShow = false
|
||||
this.$toast.success(resp.msg)
|
||||
} else {
|
||||
this.$toast.fail(resp.msg)
|
||||
}
|
||||
},
|
||||
openInfo(id) {
|
||||
this.schoolDirectorShow = true
|
||||
this.handle = false
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
yearChange(val) {
|
||||
this.pageForm.year = val
|
||||
this.onRefresh()
|
||||
},
|
||||
async getUnionList() {
|
||||
const {data} = await $.get("/platform/vi/common/unions")
|
||||
data.forEach(v => {
|
||||
v.text = v.unionname
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部工会", value: ''})
|
||||
this.unionList = data
|
||||
},
|
||||
async getUnitList(unionId) {
|
||||
const {data} = await $.get("/platform/vi/common/units", {unionId})
|
||||
data.forEach(v => {
|
||||
v.text = v.name
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部单位", value: ''})
|
||||
this.unitList = data
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.mLoading = true
|
||||
for (let i = new Date().getFullYear() - 10; i <= new Date().getFullYear(); i++) {
|
||||
this.yearOption.unshift({value: i, text: i + '年'},)
|
||||
}
|
||||
this.$set(this.pageForm, "year", this.yearOption[0].value)
|
||||
this.getUnionList()
|
||||
this.getUnitList()
|
||||
this.mLoading = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,224 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
|
||||
<style>
|
||||
.list-card-divider {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.list-card-footer {
|
||||
padding: 0 10px 10px 10px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
column-gap: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<m-page-loading v-if="mLoading"></m-page-loading>
|
||||
<van-nav-bar title="活动申报分工会主席审核" left-arrow placeholder fixed
|
||||
@click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
<div class="search-fixed">
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.year" :options="yearOption" @change="yearChange"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unionId" @change="doSearch"
|
||||
v-if="${@shiro.hasRole('sysadmin')||@shiro.hasRole('A06')||@shiro.hasRole('SchoolUnionMemberAdmin')||@shiro.hasRole('H10')}"
|
||||
:options="unionList"></van-dropdown-item>
|
||||
<van-dropdown-item v-model="pageForm.unitId" @change="doSearch" :options="unitList"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
</div>
|
||||
<div style="margin: 60px auto 0 auto">
|
||||
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
||||
@load="pageData">
|
||||
<div v-for="o in tableData" class="list-card" @click="openInfo(o.id)">
|
||||
<van-cell-group inset>
|
||||
<van-cell :border="false" title="活动名称">
|
||||
<span class="van-ellipsis" style="font-size: 16px;" :style="{color:themeColor}">
|
||||
{{o.activity_name}}
|
||||
</span>
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请时间">{{o.apply_time}}</van-cell>
|
||||
<van-cell :border="false" title="主体类型">
|
||||
{{ o.activity_type == 40002 ? "分工会活动" : o.activity_type == 40003 ?
|
||||
"协会(协会)活动" :
|
||||
"校工会活动"}}
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="项目类型">
|
||||
{{o.absName}}({{o.projectTypeCode}})
|
||||
</van-cell>
|
||||
<van-cell :border="false" title="申请人姓名">{{o.user_name}}</van-cell>
|
||||
<van-cell :border="false" title="申请人工号">{{o.bxr_loginname}}</van-cell>
|
||||
<van-cell :border="false" title="所属工会">{{o.bxr_unionname}}</van-cell>
|
||||
<van-cell :border="false" title="审核状态">
|
||||
<span :style="'color:'+o.state_color">{{o.state_name}}</span>
|
||||
</van-cell>
|
||||
<van-divider class="list-card-divider"></van-divider>
|
||||
<div class="list-card-footer">
|
||||
<van-button size="small" :color="themeColor" @click.stop="openInfo(o.id)">查看详情</van-button>
|
||||
<van-button size="small" :color="themeColor" v-if="[1010].includes(o.state_id)"
|
||||
@click.stop="openHandle(o.id)">审核
|
||||
</van-button>
|
||||
</div>
|
||||
</van-cell-group>
|
||||
|
||||
</div>
|
||||
</van-list>
|
||||
</div>
|
||||
<van-empty v-if="mLoading==false&&tableData.length==0" class="custom-image"
|
||||
image="/none.svg"
|
||||
description="暂无数据">
|
||||
</van-empty>
|
||||
|
||||
<van-popup v-model="unionChairmanShow" position="right" :style="{ height: '100%', width: '100%' }">
|
||||
<van-sticky>
|
||||
<van-nav-bar title="活动申报分工会主席审核" left-arrow placeholder fixed
|
||||
@click-left="unionChairmanShow = false"></van-nav-bar>
|
||||
</van-sticky>
|
||||
<activity-info ref="auditRef" :handle="handle">
|
||||
<template #handle>
|
||||
<div class="van-cell-group__title mt20">
|
||||
<div class="van-sidebar-item van-sidebar-item--select">
|
||||
分工会主席审核
|
||||
</div>
|
||||
</div>
|
||||
<van-form>
|
||||
<van-field
|
||||
readonly
|
||||
value="${@shiro.getPrincipalProperty('username')}"
|
||||
name="username"
|
||||
label="审核人员"
|
||||
></van-field>
|
||||
<van-field v-model="formData.time" label="审核时间" readonly></van-field>
|
||||
<van-field
|
||||
v-model="formData.idea"
|
||||
rows="1"
|
||||
autosize
|
||||
label="审核意见"
|
||||
type="textarea"
|
||||
placeholder="请输入审核意见"
|
||||
></van-field>
|
||||
<van-field label="签字" required style="flex-flow: column">
|
||||
<template #label>
|
||||
<div class="mb10">签  字</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<mobile-sign ref="signature" v-model="formData.sign" :is_value_base64="false" prefix="activityDeclare"></mobile-sign>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-row gutter="20" style="margin-top: 30px;padding: 0 25px">
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" plain block @click="doAudit(false)">拒 绝
|
||||
</van-button>
|
||||
</van-col>
|
||||
|
||||
<van-col span="12">
|
||||
<van-button :color="themeColor" block @click="doAudit(true)">通 过
|
||||
</van-button>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</van-form>
|
||||
</template>
|
||||
</activity-info>
|
||||
</van-popup>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return {
|
||||
handle: true,
|
||||
yearOption: [],
|
||||
pageForm: {
|
||||
year: '',
|
||||
unionId: '',
|
||||
unitId: '',
|
||||
isAudit: 3,
|
||||
},
|
||||
unionList: [],
|
||||
unitList: [],
|
||||
auditOption: [],
|
||||
unionChairmanShow: false,
|
||||
pageDataUrl: '/platform/jf/activity_bx/division/pageData'
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'mobile-sign': httpVueLoader('/components/sign/mobileSign.vue'),
|
||||
'activity-info': httpVueLoader('/components/mobile/jf/info.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
methods: {
|
||||
openHandle(id) {
|
||||
this.unionChairmanShow = true
|
||||
this.handle = true
|
||||
this.formData.time = moment().format('YYYY-MM-DD')
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
async doAudit(flag) {
|
||||
if (!this.formData.idea) {
|
||||
this.$toast.fail('请输入审核意见')
|
||||
return
|
||||
}
|
||||
if (!this.formData.sign) {
|
||||
this.$toast.fail('请签名')
|
||||
return
|
||||
}
|
||||
this.formData.flag = flag
|
||||
const resp = await $.post("/platform/jf/activity_bx/division/doReview", this.formData)
|
||||
if (resp.code === 0){
|
||||
this.pageData()
|
||||
this.unionChairmanShow = false
|
||||
this.$toast.success(resp.msg)
|
||||
} else {
|
||||
this.$toast.fail(resp.msg)
|
||||
}
|
||||
},
|
||||
openInfo(id) {
|
||||
this.unionChairmanShow = true
|
||||
this.handle = false
|
||||
this.$nextTick(() => {
|
||||
this.$refs.auditRef.getActInfo(id)
|
||||
})
|
||||
},
|
||||
yearChange(val) {
|
||||
this.pageForm.year = val
|
||||
this.onRefresh()
|
||||
},
|
||||
async getUnionList() {
|
||||
const {data} = await $.get("/platform/vi/common/unions")
|
||||
data.forEach(v => {
|
||||
v.text = v.unionname
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部工会", value: ''})
|
||||
this.unionList = data
|
||||
},
|
||||
async getUnitList(unionId) {
|
||||
const {data} = await $.get("/platform/vi/common/units", {unionId})
|
||||
data.forEach(v => {
|
||||
v.text = v.name
|
||||
v.value = v.id
|
||||
})
|
||||
data.unshift({text: "全部单位", value: ''})
|
||||
this.unitList = data
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.mLoading = true
|
||||
for (let i = new Date().getFullYear() - 10; i <= new Date().getFullYear(); i++) {
|
||||
this.yearOption.unshift({value: i, text: i + '年'},)
|
||||
}
|
||||
this.$set(this.pageForm, "year", this.yearOption[0].value)
|
||||
this.getUnionList()
|
||||
this.getUnitList()
|
||||
this.mLoading = false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,71 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<div id="app" v-cloak>
|
||||
<van-nav-bar title="活动报销信息填写" left-arrow placeholder fixed @click-left="pjaxReplace('/mobile/index')"></van-nav-bar>
|
||||
<div class="search-fixed">
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.activityId" :options="activityOptions" @change="activityChange"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
</div>
|
||||
<template v-if="formData.activityId">
|
||||
<activity-info ref="activityRef" :show="false"></activity-info>
|
||||
</template>
|
||||
<van-form :model="formData" :show-error-message="false" input-align="right" @submit="submit">
|
||||
<van-cell-group inset class="mt10" v-if="formData.activityId" >
|
||||
|
||||
</van-cell-group>
|
||||
<van-cell-group inset class="mt10">
|
||||
<van-field name="files" label="附件" style="flex-flow: column" input-align="left">
|
||||
<template #label>
|
||||
<div class="mb10">附件</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="formData.files"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-field name="files" label="附件" style="flex-flow: column" input-align="left">
|
||||
<template #label>
|
||||
<div class="mb10">附件</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="formData.files"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
<van-field name="files" label="附件" style="flex-flow: column" input-align="left">
|
||||
<template #label>
|
||||
<div class="mb10">附件</div>
|
||||
</template>
|
||||
<template #input>
|
||||
<vant-file-upload :files.sync="formData.files"></vant-file-upload>
|
||||
</template>
|
||||
</van-field>
|
||||
</van-cell-group>
|
||||
</van-form>
|
||||
</div>
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [mobileMixins],
|
||||
data() {
|
||||
return{
|
||||
formData: {},
|
||||
activityOptions: [],
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'activity-info': httpVueLoader('/components/mobile/jf/info.vue?v=' + new Date().getTime()),
|
||||
},
|
||||
methods:{
|
||||
activityChange() {
|
||||
|
||||
},
|
||||
},
|
||||
created() {
|
||||
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user