first commit
This commit is contained in:
@@ -0,0 +1,165 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
.van-field__control {
|
||||
color: #8b8f95;
|
||||
}
|
||||
|
||||
</style>
|
||||
<div id="app" v-cloak>
|
||||
<van-nav-bar title="填写困难帮扶申请" left-arrow placeholder fixed @click-left="history.back()"></van-nav-bar>
|
||||
|
||||
|
||||
<van-form ref="addForm">
|
||||
<van-cell-group>
|
||||
|
||||
<van-field readonly value="${@shiro.getPrincipalProperty('username')}" name="username" label="姓名"
|
||||
input-align="right"></van-field>
|
||||
|
||||
<van-field readonly v-model="formData.sex" name="sex" label="性别"
|
||||
input-align="right"></van-field>
|
||||
|
||||
<van-field readonly v-model="formData.sqsj" name="sqsj" label="申请时间"
|
||||
input-align="right"></van-field>
|
||||
|
||||
<van-field v-model="formData.lxfs" name="lxfs" label="手机号" input-align="right"
|
||||
:rules="[{ required:true, message: '请填写手机号' }]"></van-field>
|
||||
|
||||
|
||||
<van-field v-model="formData.idcard" name="idcard" label="身份证号" input-align="right"
|
||||
:rules="[{ required:true, message: '请填写身份证号' }]"></van-field>
|
||||
|
||||
<van-field readonly v-model="formData.birthday" name="user_age"
|
||||
label="出生日期"
|
||||
input-align="right"></van-field>
|
||||
|
||||
<van-field v-model="formData.yhmc" name="yhmc" label="开户银行" input-align="right"
|
||||
:rules="[{ required:true, message: '请填写开户银行' }]"></van-field>
|
||||
|
||||
<van-field v-model="formData.yhkh" name="yhkh" label="银行卡号" input-align="right"
|
||||
:rules="[{ required:true, message: '请填写银行卡号' }]"></van-field>
|
||||
|
||||
<van-field v-model="formData.jtrs" name="jtrs" label="家庭人数" input-align="right"
|
||||
:rules="[{ required:true, message: '请填写家庭人数' }]"></van-field>
|
||||
|
||||
|
||||
|
||||
<van-field readonly v-if="formData.on_job" value="在职" label="在职状态" input-align="right"></van-field>
|
||||
<van-field readonly v-else value="退休" label="在职状态" input-align="right"></van-field>
|
||||
|
||||
|
||||
<van-field name="zyzkyy" label="主要致困原因" input-align="right"
|
||||
:rules="[{ required: true, message: '请选择审核状态' }]">
|
||||
<template #input>
|
||||
<van-checkbox-group v-model="formData.zyzkyy" direction="horizontal">
|
||||
<van-checkbox name="家庭收入低">家庭收入低</van-checkbox>
|
||||
<van-checkbox name="因病致困">因病致困</van-checkbox>
|
||||
<van-checkbox name="意外致困">意外致困</van-checkbox>
|
||||
<van-checkbox name="子女上学">子女上学</van-checkbox>
|
||||
|
||||
</van-checkbox-group>
|
||||
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
|
||||
|
||||
|
||||
<van-field name="flag" label="有无低保" input-align="right"
|
||||
:rules="[{ required: true, message: '请选择审核状态' }]">
|
||||
<template #input>
|
||||
<van-radio-group v-model="formData.flag" direction="horizontal">
|
||||
<van-radio :name="1">有低保</van-radio>
|
||||
<van-radio :name="2">无低保</van-radio>
|
||||
</van-radio-group>
|
||||
</template>
|
||||
</van-field>
|
||||
|
||||
<van-field v-model="formData.zyzkyybz" name="zyzkyybz" label="致困原因备注" input-align="right"
|
||||
rows="2" maxlength="200" type="textarea" show-word-limit></van-field>
|
||||
|
||||
|
||||
|
||||
</van-cell-group>
|
||||
|
||||
<div class="bottomDiv">
|
||||
<van-button class="bottomBut" @click="onSubmit" round block type="info" color="#39acff">
|
||||
提 交
|
||||
</van-button>
|
||||
</div>
|
||||
</van-form>
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
data() {
|
||||
return {
|
||||
sign: "",
|
||||
showSign: false,
|
||||
ybOptions: ['统筹', '社保'],
|
||||
zzyyOptions: ['家庭收入低','因病致困','意外致困','子女上学'],
|
||||
subDis: false,
|
||||
formData: {
|
||||
jtfc: [],
|
||||
jtcc: [],
|
||||
},
|
||||
pageForm: {
|
||||
year: '',
|
||||
searchName: "sqr.username",
|
||||
searchKeyword: "",
|
||||
pageNumber: 1,
|
||||
pageSize: 10,
|
||||
totalCount: 0,
|
||||
pageOrderName: "",
|
||||
pageOrderBy: ""
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async onSubmit(){
|
||||
var formData = Object.assign({}, this.formData)
|
||||
formData.zyzkyy = JSON.stringify(formData.zyzkyy)
|
||||
formData.jtfc = []
|
||||
formData.jtcc = []
|
||||
|
||||
this.$toast.loading('提交中...')
|
||||
const res = await $.post('/mobile/defficulAid/apply/doAdd', formData, (data) => {
|
||||
if (data.code === 0) {
|
||||
this.$toast.success('申请成功');
|
||||
setTimeout(() => {
|
||||
location.replace('/mobile/defficulAid/apply')
|
||||
}, 1000)
|
||||
} else {
|
||||
this.$toast.fail('申请失败');
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.formData = {
|
||||
birthday: '${@shiro.getPrincipalProperty("birthday")}',
|
||||
lxfs: '${@shiro.getPrincipalProperty("mobile")}',
|
||||
idcard: '${@shiro.getPrincipalProperty("idcard")}',
|
||||
sex: '${@shiro.getPrincipalProperty("sex")}',
|
||||
sqsj:new Date().toISOString().replace(/T.*/,' ')
|
||||
}
|
||||
const zzzt = '${@shiro.getPrincipalProperty("zzzt")}'
|
||||
|
||||
if (zzzt == '在职') {
|
||||
this.$set(this.formData, "on_job", true)
|
||||
} else if (zzzt == '退休') {
|
||||
this.$set(this.formData, "on_job", false)
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
@@ -0,0 +1,112 @@
|
||||
<!--#
|
||||
layout("/mobile/platform.html"){
|
||||
#-->
|
||||
<style>
|
||||
#app {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.cell-card {
|
||||
padding: 20px;
|
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
|
||||
width: 90%;
|
||||
margin: 20px auto;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.text-overflow {
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div id="app" v-cloak>
|
||||
<van-nav-bar title="困难帮扶申请列表" left-arrow placeholder fixed @click-left="history.back()"></van-nav-bar>
|
||||
|
||||
<van-dropdown-menu active-color="#1989fa">
|
||||
<van-dropdown-item v-model="pageForm.year" :options="yearOption" @change="yearChange"></van-dropdown-item>
|
||||
</van-dropdown-menu>
|
||||
|
||||
<van-pull-refresh v-model="refreshing" @refresh="onRefresh">
|
||||
<van-list v-model="loading" :finished="finished" :finished-text="tableData.length>0?'没有更多了':''"
|
||||
@load="pageData">
|
||||
<van-cell v-for="item in tableData" class="cell-card">
|
||||
<div class="text-overflow" style="font-weight: bold;color: #409EFF">{{ item.ma_username }}</div>
|
||||
<div style="display: flex;font-size: 12px">
|
||||
<div style="color: gray">姓名:</div>
|
||||
<div class="text-overflow">{{ item.sqrname }}</div>
|
||||
</div>
|
||||
<div style="position: absolute;right: 0;top: 5px">
|
||||
<span v-if="item.zt==1" style="color: #E4B46C">待基层工会审核</span>
|
||||
<span v-if="item.zt==2" style="color: #E4B46C">待二级单位审核</span>
|
||||
<span v-if="item.zt==3" style="color: #E4B46C">待校工会审核</span>
|
||||
<span v-if="item.zt==4" style="color: #66BD3D">审核通过</span>
|
||||
<span v-if="item.zt==5" style="color: red">审核不通过</span>
|
||||
</div>
|
||||
<van-divider></van-divider>
|
||||
<van-row gutter="30" style="font-size: 12px">
|
||||
<van-col span="8">
|
||||
<div style="color: gray">工号</div>
|
||||
<div class="text-overflow">{{item.sqrloginname}}</div>
|
||||
</van-col>
|
||||
<van-col span="8">
|
||||
<div style="color: gray">单位</div>
|
||||
<div class="text-overflow">{{item.dwname}}</div>
|
||||
</van-col>
|
||||
<van-col span="8">
|
||||
<div style="color: gray">申请时间</div>
|
||||
<div class="text-overflow">{{item.sqsj}}</div>
|
||||
</van-col>
|
||||
</van-row>
|
||||
</van-cell>
|
||||
</van-list>
|
||||
</van-pull-refresh>
|
||||
|
||||
<div style="position: fixed;bottom: 0px;width: 100%;z-index:10;text-align: center">
|
||||
<van-button @click="openApply" size="large"
|
||||
style="width:88%;margin: 0 auto;margin-bottom: 4px;" color="#39acff">困难帮扶申请
|
||||
</van-button>
|
||||
</div>
|
||||
|
||||
<van-empty v-if="tableData.length==0" class="custom-image" image="/none.svg"
|
||||
description="暂无数据">
|
||||
</van-empty>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
const vue = new Vue({
|
||||
el: '#app',
|
||||
mixins: [refreshSearchMixins],
|
||||
data() {
|
||||
return {
|
||||
yearOption: [],
|
||||
pageForm: {
|
||||
year: '',
|
||||
type: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
openApply(){
|
||||
window.location.href = '/mobile/defficulAid/apply/apply'
|
||||
},
|
||||
yearChange(val) {
|
||||
this.pageForm.year = val
|
||||
this.onRefresh()
|
||||
},
|
||||
typeChange(val) {
|
||||
this.pageForm.type = val
|
||||
this.onRefresh()
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
for (let i = new Date().getFullYear() - 10; i <= new Date().getFullYear(); i++) {
|
||||
this.yearOption.unshift({value: i, text: i + '年'},)
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<!--#
|
||||
}
|
||||
#-->
|
||||
Reference in New Issue
Block a user