elink-star
/
epmet-apartment-mp
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

外出申请

master
mk 4 weeks ago
parent
0d6f4069ee
commit
665a249451
9 changed files with 284 additions and 234 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 16
      api/index.js
  2. BIN
      images/icon/warning.png
  3. 193
      subpages/goOut/goOut/goOut.js
  4. 25
      subpages/goOut/goOut/goOut.wxml
  5. 28
      subpages/goOut/goOut/goOut.wxss
  6. 21
      subpages/goOut/mygoOut/mygoOut.js
  7. 151
      subpages/goOut/mygoOut/mygoOut.wxml
  8. 12
      subpages/goOut/mygoOut/mygoOut.wxss
  9. 4
      utils/config.js

16
api/index.js
View File

@ -87,3 +87,19 @@ export function spaceInfo(pamars) {
export function queryAppointTime(pamars) {
return fly.get(`/bys/mzShareSpace/queryAppointTime`, pamars);
}
// 外出申请-提交
export function goOutSubmit(data) {
return fly.post(`/bysmp/goingOut/apply`, data);
}
// 我的外出申请
export function myGoOut(pamars) {
return fly.get(`/bysmp/goingOut/myApplyList/` + pamars.graduateId);
}
// 外出申请-详情
export function getgoOutInfo(data) {
return fly.get(`/bysmp/goingOut/editById/` + data.id);
}
// 外出申请-重新提交
export function goOutReSubmit(data) {
return fly.post(`/bysmp/goingOut/updateById`, data);
}

BIN
images/icon/warning.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 898 B

After

Width:  |  Height:  |  Size: 821 B

193
subpages/goOut/goOut/goOut.js
View File

@ -1,5 +1,7 @@
// subpages/goOut/goOut/goOut.js
var config = require('../../../utils/config')
import { goOutSubmit,getgoOutInfo } from '../../../api/index'
const app = getApp()
Page({
/**
@ -7,6 +9,7 @@ Page({
*/
data: {
reasonName: '',
reasonId: '',
currentDateStart: '',
currentDateEnd: '',
showReason: false,
@ -18,15 +21,34 @@ Page({
endMinDate: null, // 结束时间最小日期
endMaxDate: null, // 结束时间最大日期
fileList: [], // 上传的文件列表
submitting: false, // 提交状态
showSuccessModal: true, // 显示成功弹框
showSuccessModal: false, // 显示成功弹框
info: false, // 是否是重新提交
id: '', // 外出申请id
nextFileNo: 1, // 文件编号自增，避免重名
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
if (options.id) {
this.setData({
id: options.id,
info: true
})
getgoOutInfo({id: options.id}).then(res=>{
if (res.code === 200) {
this.setData({
reasonName: this.data.options[res.data.reason],
currentDateStart: res.data.startTime,
currentDateEnd: res.data.endTime,
fileList: res.data.imgs,
reasonId: res.data.reason,
nextFileNo: (res.data.imgs && res.data.imgs.length ? res.data.imgs.length : 0) + 1
})
}
})
}
},
/**
@ -78,6 +100,13 @@ Page({
},
handleReason() {
if (this.data.info) {
wx.showToast({
title: '无法修改原因',
icon: 'none'
});
return
}
this.setData({
showReason: true
})
@ -89,17 +118,28 @@ Page({
} = e.detail;
console.log(index);
this.setData({
reasonId: index,
reasonName: value,
showReason: false
})
},
oncancel() {
if (this.data.info) {
return
}
this.setData({
reasonName: '',
showReason: false
})
},
handleDateStart() {
if (this.data.info) {
wx.showToast({
title: '无法修改开始时间',
icon: 'none'
});
return
}
console.log('handleDateStart');
this.setData({
@ -107,6 +147,9 @@ Page({
})
},
oncancelStart() {
if (this.data.info) {
return
}
this.setData({
currentDateStart: '',
showDateStart: false
@ -134,18 +177,31 @@ Page({
})
},
oncancelEnd() {
if (this.data.info) {
return
}
this.setData({
currentDateEnd: '',
showDateEnd: false
})
},
onconfirmEnd(e) {
if (this.data.info) {
return
}
this.setData({
showDateEnd: false,
currentDateEnd: this.formatDate(e.detail)
})
},
handleDateEnd() {
if (this.data.info) {
wx.showToast({
title: '无法修改结束时间',
icon: 'none'
});
return
}
this.setData({
showDateEnd: true
})
@ -159,13 +215,25 @@ Page({
sizeType: ['compressed'],
sourceType: ['album', 'camera'],
success: (res) => {
console.log(res);
const files = res.tempFiles || [];
const oversize = files.some(f => typeof f.size === 'number' && f.size > 8 * 1024 * 1024);
if (oversize) {
wx.showToast({
title: '单张图片不能超过8MB',
icon: 'none'
});
return;
}
const startNo = this.data.nextFileNo;
const tempFiles = res.tempFilePaths.map((path, index) => ({
url: path,
name: `证明材料${this.data.fileList.length + index + 1}.jpg`,
name: `证明材料${startNo + index}.jpg`,
isImage: true
}));
this.setData({
fileList: [...this.data.fileList, ...tempFiles]
fileList: [...this.data.fileList, ...tempFiles],
nextFileNo: startNo + tempFiles.length
});
}
});
@ -173,10 +241,21 @@ Page({
afterRead(event) {
const { file } = event.detail;
const files = Array.isArray(file) ? file : [file];
const oversize = files.some(f => typeof f.size === 'number' && f.size > 8 * 1024 * 1024);
if (oversize) {
wx.showToast({
title: '单张图片不能超过8MB',
icon: 'none'
});
return;
}
const selected = Array.isArray(file) ? file[0] : file;
const _this = this
wx.showLoading({ title: '上传中...', mask: true })
wx.uploadFile({
url: `${config.BASEURL()}/common/upload`, // 仅为示例，非真实的接口地址
filePath: file.url,
filePath: selected.url,
name: 'file',
header: {
"Content-type": "multipart/form-data",
@ -184,10 +263,21 @@ Page({
},
success(res) {
const res1 = JSON.parse(res.data)
const nextNo = _this.data.nextFileNo;
_this.setData({
fileList: _this.data.fileList.concat([{ url: res1.url, name: `证明材料${_this.data.fileList.length + 1}.jpg` }])
fileList: _this.data.fileList.concat([{ url: res1.url, name: `证明材料${nextNo}.jpg` }]),
nextFileNo: nextNo + 1
});
},
fail() {
wx.showToast({
title: '上传失败，请重试',
icon: 'none'
})
},
complete() {
wx.hideLoading()
}
});
// 这里可以添加上传到服务器的逻辑
console.log('文件上传成功:', file);
@ -200,50 +290,24 @@ Page({
fileList.splice(index, 1);
this.setData({ fileList });
},
// 提交申请
submit() {
// 表单验证
if (!this.data.reasonName) {
wx.showToast({
title: '请选择外出原因',
icon: 'none'
});
return;
}
if (!this.data.currentDateStart) {
wx.showToast({
title: '请选择开始时间',
icon: 'none'
});
return;
}
if (!this.data.currentDateEnd) {
wx.showToast({
title: '请选择结束时间',
icon: 'none'
});
return;
}
if (this.data.fileList.length === 0) {
wx.showToast({
title: '请上传证明材料',
icon: 'none'
});
return;
// 自定义文件名列表删除
removeFile(e) {
const { index } = e.currentTarget.dataset;
const fileList = [...this.data.fileList];
if (index >= 0 && index < fileList.length) {
fileList.splice(index, 1);
this.setData({ fileList });
}
this.setData({ submitting: true });
// 模拟提交过程
setTimeout(() => {
this.setData({ submitting: false });
wx.showToast({
title: '提交成功',
icon: 'success'
});
// 这里可以添加实际的提交逻辑
}, 2000);
},
// 预览图片
previewFile(e){
const { index } = e.currentTarget.dataset;
const urls = (this.data.fileList || []).map(i => i.url);
if (!urls.length) return;
wx.previewImage({
current: urls[index] || urls[0],
urls
})
},
submit() {
if (!this.data.reasonName) {
@ -275,19 +339,24 @@ Page({
return
}
let parms = {
reasonName: this.data.reasonName,
currentDateStart: this.data.currentDateStart,
currentDateEnd: this.data.currentDateEnd,
fileList: this.data.fileList
reason: this.data.reasonId,
startTime: this.data.currentDateStart,
endTime: this.data.currentDateEnd,
imgs: this.data.fileList,
graduateId: app.globalData.userInfo.graduateId,
}
// goOutSubmit(parms).then(res => {
// if (res.code === 200) {
// wx.showToast({
// title: '提交成功',
// icon: 'success'
// });
// }
// })
goOutSubmit(parms).then(res => {
if (res.code === 200) {
this.setData({
showSuccessModal: true
})
}
}).catch(err=>{
wx.showToast({
title: err.msg,
icon:'none'
})
})
},
closeSuccessModal() {
this.setData({

25
subpages/goOut/goOut/goOut.wxml
View File

@ -17,14 +17,14 @@
<view class="card" style="padding: 0;">
<view class="info">
<van-cell-group inset>
<van-field r label="选择外出原因" required model:value="{{reasonName}}" right-icon="arrow" input-align="right" arrow-direction="right" placeholder="请选择" required readonly="{{true}}" bind:click-icon="handleReason" bind:click-input="handleReason" icon="arrow" />
<van-field label="选择外出原因" required model:value="{{reasonName}}" right-icon="arrow" input-align="right" arrow-direction="right" placeholder="请选择" required readonly="{{true}}" bind:click-icon="handleReason" bind:click-input="handleReason" icon="arrow" />
<van-popup show="{{ showReason }}" round position="bottom">
<van-picker columns="{{ options }}" bind:confirm="onconfirm" bind:cancel="oncancel" show-toolbar />
</van-popup>
<van-field label="外出开始时间" required model:value="{{currentDateStart}}" icon="arrow" input-align="right" required bind:click-input="handleDateStart" bind:click-icon="handleDateStart" bind:click-input="handleDateStart" readonly="{{true}}" border placeholder="请选择" />
<van-calendar show="{{showDateStart}}" bind:close="oncancelStart" bind:confirm="onconfirmStart" />
<van-field label="外出结束时间" required model:value="{{currentDateEnd}}" placeholder="请选择" required readonly="{{true}}" bind:click-input="handleDateEnd" bind:click-icon="handleDateEnd" bind:click-input="handleDateEnd" input-align="right" icon="arrow" />
<van-calendar show="{{showDateEnd}}" bind:close="oncancelEnd" bind:confirm="onconfirmEnd" min-date="{{endMinDate}}" max-date="{{endMaxDate}}" />
<van-calendar show="{{showDateEnd}}" bind:close="oncancelEnd" bind:confirm="onconfirmEnd" min-date="{{endMinDate}}" />
</van-cell-group>
</view>
</view>
@ -37,14 +37,31 @@
<view class="upload-tips">只能上传jpg、jpeg文件，文件最多5个且不超过8M</view>
</view>
<view class="upload-content">
<van-uploader file-list="{{ fileList }}" bind:after-read="afterRead" bind:delete="deleteFile" max-count="5" accept="image" size-type="compressed" bind:click-upload="uploadFile">
<van-uploader
file-list="{{ fileList }}"
bind:after-read="afterRead"
bind:delete="deleteFile"
max-count="5"
accept="image"
size-type="compressed"
bind:click-upload="uploadFile"
preview-image="{{false}}"
deletable="{{false}}">
<view class="upload-btn">
<text class="upload-text">点击上传</text>
</view>
</van-uploader>
<view class="file-list" wx:if="{{fileList && fileList.length}}">
<block wx:for="{{fileList}}" wx:key="index">
<view class="file-item" data-index="{{index}}" bindtap="previewFile">
<text class="file-name">{{item.name || '证明材料'}}{{index + 1}}</text>
<text class="file-remove" data-index="{{index}}" catchtap="removeFile">×</text>
</view>
</block>
</view>
</view>
</view>
<view class="submit-section" bind:click="submit">提交申请</view>
<view class="submit-section" bindtap="submit">提交申请</view>
<van-popup show="{{showSuccessModal}}" round>
<view class="success-modal">
<view class="success-icon">

28
subpages/goOut/goOut/goOut.wxss
View File

@ -76,6 +76,34 @@
width: 200rpx;
}
/* 自定义文件名列表 */
.file-list{
margin-top: 20rpx;
}
.file-item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 16rpx 0;
border-bottom: 1rpx solid #f0f0f0;
}
.file-name{
font-size: 28rpx;
color: #333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 520rpx;
}
.file-remove{
font-size: 32rpx;
color: #999;
padding: 0 12rpx;
}
.file-remove:active{
color: #ff4d4f;
}
.upload-icon {
width: 60rpx;

21
subpages/goOut/mygoOut/mygoOut.js
View File

@ -1,18 +1,20 @@
// subpages/goOut/mygoOut/mygoOut.js
import { myGoOut} from '../../../api/index'
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
goOutList: [],
options: ['本人及其直系亲属因病因伤住院', '就业创业人员因公出差/培训', '就业人员法定节假日期间单位假期多于法定日期'],
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
@ -26,7 +28,14 @@ Page({
* 生命周期函数--监听页面显示
*/
onShow() {
myGoOut({graduateId: app.globalData.userInfo.graduateId}).then(res => {
this.setData({
goOutList: res.rows
})
console.log(this.data.goOutList)
}).catch(err => {
console.log(err)
})
},
/**
@ -62,5 +71,11 @@ Page({
*/
onShareAppMessage() {
},
reSubmit(e) {
const item = e.currentTarget.dataset.item
wx.navigateTo({
url: `/subpages/goOut/goOut/goOut?id=${item.id}`
})
}
})

151
subpages/goOut/mygoOut/mygoOut.wxml
View File

@ -1,9 +1,12 @@
<!-- subpages/goOut/mygoOut/mygoOut.wxml -->
<view class="scroll-view">
<view class=" card m-top-16" style="margin:0 auto;width: calc(100% - 40rpx);">
<view class="item-title">
<image src="../../../images/icon/success.png" class="icon-40 mr-10" />
<text>通过</text>
<view class="scroll-view" wx:if="{{goOutList.length > 0}}">
<view style="margin:0 auto;width: calc(100% - 40rpx);">
<view wx:for="{{goOutList}}" wx:key="id" class=" card m-top-16">
<view class="item-title flex items-center">
<image src="../../../images/icon/success.png" wx:if="{{item.status == 1}}" class="icon-40 mr-10" />
<image src="../../../images/icon/error.png" wx:if="{{item.status == 2}}" class="icon-40 mr-10" />
<image src="../../../images/icon/warning.png" wx:if="{{item.status == 3}}" class="icon-40 mr-10" />
{{item.status == 1 ? '通过' :item.status == 2 ? '未通过' :item.status == 3 ? '驳回':'待审核'}}
</view>
<van-divider dashed />
<view class="item-content">
@ -12,7 +15,7 @@
<text>外出时间：</text>
</view>
<view class="item-content-right">
<text>2025-01-01</text>
<text>{{item.startTime}}-{{item.endTime}}</text>
</view>
</view>
<view class="flex m-top-16">
@ -20,25 +23,15 @@
<text>外出原因：</text>
</view>
<view class="item-content-right">
<text>外出原因测测测</text>
<text>{{options[item.reason]}}</text>
</view>
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>外出原因：</text>
</view>
<view class="item-content-right">
<text>外出原因测测测</text>
</view>
</view>
<view class="m-top-16">
<view class="m-top-16 flex" >
<view class="item-content-left">
<text>证明材料：</text>
</view>
<view class="item-content-right">
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<view class="item-content-right flex-wrap">
<image src="{{img.url}}" wx:for="{{item.imgs}}" wx:for-item="img" style="width: 140rpx;height: 140rpx;" wx:key="index" />
</view>
</view>
<view class="flex m-top-16">
@ -46,123 +39,23 @@
<text>申请时间：</text>
</view>
<view class="item-content-right">
<text>2025-01-01</text>
</view>
<text>{{item.createTime}}</text>
</view>
</view>
</view>
<view class=" card m-top-16" style="margin:0 auto;width: calc(100% - 40rpx);">
<view class="item-title">
<image src="../../../images/icon/success.png" class="icon-40 mr-10" />
<text>通过</text>
</view>
<van-divider dashed />
<view class="item-content">
<view class="flex m-top-16">
<van-divider dashed wx:if="{{item.status == 3 || item.status == 2}}" />
<view class="flex m-top-16" wx:if="{{item.status == 3 || item.status == 2}}">
<view class="item-content-left">
<text>外出时间：</text>
<text>{{item.status == 3 ? '驳回原因' : '不通过原因'}}：</text>
</view>
<view class="item-content-right">
<text>2025-01-01</text>
<view class="item-content-right" style="{{item.status == 3 ? 'color: #f1a113;' : 'color: #ff4d4f;'}}">
<text>证明材料不充分</text>
</view>
<view class="item-content-btn" bindtap="reSubmit" data-item="{{item}}" wx:if="{{item.status == 3 }}">
重新提交
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>外出原因：</text>
</view>
<view class="item-content-right">
<text>外出原因测测测</text>
</view>
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>外出原因：</text>
</view>
<view class="item-content-right">
<text>外出原因测测测</text>
</view>
</view>
<view class="m-top-16">
<view class="item-content-left">
<text>证明材料：</text>
</view>
<view class="item-content-right">
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
</view>
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>申请时间：</text>
</view>
<view class="item-content-right">
<text>2025-01-01</text>
</view>
</view>
</view>
</view>
<view class=" card m-top-16" style="margin:0 auto;width: calc(100% - 40rpx);">
<view class="item-title">
<image src="../../../images/icon/success.png" class="icon-40 mr-10" />
<text>通过</text>
</view>
<van-divider dashed />
<view class="item-content">
<view class="flex m-top-16">
<view class="item-content-left">
<text>外出时间：</text>
</view>
<view class="item-content-right">
<text>2025-01-01</text>
</view>
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>外出原因：</text>
</view>
<view class="item-content-right">
<text>外出原因测测测</text>
</view>
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>外出原因：</text>
</view>
<view class="item-content-right">
<text>外出原因测测测</text>
</view>
</view>
<view class="m-top-16">
<view class="item-content-left">
<text>证明材料：</text>
</view>
<view class="item-content-right">
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
<image src="../../../images/icon01.png" class="icon-40 mr-10" />
</view>
</view>
<view class="flex m-top-16">
<view class="item-content-left">
<text>申请时间：</text>
</view>
<view class="item-content-right">
<text>2025-01-01</text>
</view>
</view>
</view>
<van-divider dashed />
<view class="item-content">
<view class="flex m-top-16">
<view class="item-content-left">
<text>不通过原因：</text>
</view>
<view class="item-content-right">
<text>不通过原因测测测</text>
</view>
</view>
</view>
</view>
</view>
<!-- <no-data isShow="{{list.length === 0 || !list}}"></no-data> -->
<no-data isShow="{{goOutList.length === 0 || !goOutList}}"></no-data>

12
subpages/goOut/mygoOut/mygoOut.wxss
View File

@ -29,3 +29,15 @@ page{
flex: 1;
font-size: 28rpx;
}
.item-content-btn{
width: 140rpx;
height: 48rpx;
line-height: 48rpx;
border-radius: 48pt;
background-color: rgba(241,161,19,1);
color: rgba(255,255,255,1);
font-size: 28rpx;
text-align: center;
font-family: PingFangSC-regular
}

4
utils/config.js
View File

@ -13,8 +13,8 @@ module.exports = {
};
function BASEURL() {
return 'https://zsbz.qdcfy.com/mz-api'
// return 'http://219.146.91.110:30801/mz-api'
// return 'https://zsbz.qdcfy.com/mz-api'
return 'http://219.146.91.110:30801/mz-api'
// return 'https://epmet-test.elinkservice.cn/api/'
}

Write Preview
Loading…
Cancel
Save