// pages/materialUpload/index.js
|
const $$ = require('../../utils/util');
|
const app = getApp();
|
|
// 获取附件
|
function getCaseFilesApi(id) {
|
return $$.request({ url: 'paCaseInfo/listCaseFile?caseId=' + id, type: 'get', service: 'mediate' });
|
}
|
// 删除附件
|
function delfileApi(id) {
|
return $$.request({ url: 'fileInfo/deleteById?id=' + id, type: 'get', service: 'sys', v1: true });
|
}
|
|
Page({
|
/**
|
* 页面的初始数据
|
*/
|
settimeout: null,
|
previewImageVisible: false, // 判断是否进入查看图片
|
touchstarttime: '', //触摸开始时间
|
caseId: '',
|
data: {
|
imgUrl: $$.url.img,
|
material_data: [
|
{
|
icon: `${$$.url.img}material-evidence.png`,
|
iconActive: `${$$.url.img}material-evidence-active.png`,
|
num: 0,
|
title: '证据材料',
|
type: '22_00018-102',
|
explain: '证据材料：包括但不限于物证、书证、证词、鉴定结论等内容，可作为纠纷的重要判断依据，形式主要为图片、word、pdf等。',
|
files: [],
|
},
|
{
|
icon: `${$$.url.img}material-apply.png`,
|
iconActive: `${$$.url.img}material-apply-active.png`,
|
num: 0,
|
title: '申请材料',
|
type: '22_00018-101',
|
explain: '申请材料：申请材料包括但不限于纠纷登记表、送达地址确认书、司法确认申请表等，形式主要为图片、word、pdf等。',
|
files: [],
|
},
|
{
|
icon: `${$$.url.img}material-identity.png`,
|
iconActive: `${$$.url.img}material-identity-active.png`,
|
num: 0,
|
title: '身份材料',
|
type: '22_00018-202',
|
explain:
|
'身份材料：包括但不限于居民身份证、企业工商登记证明（法人时需要）、组织机构代码证（非法人组织时需要）、代理人授权委托书（代理人时需要）等，形式主要为图片、word、pdf等。',
|
files: [],
|
},
|
{
|
icon: `${$$.url.img}material-other.png`,
|
iconActive: `${$$.url.img}material-other-active.png`,
|
num: 0,
|
title: '其他材料',
|
type: '22_00018-199',
|
explain: '其他材料：与案件关系密切的其他材料，形式主要为图片、word、pdf等。',
|
files: [],
|
},
|
],
|
activeMaterial: 0, // 当前选中的材料下标
|
editVisible: true, // 是否编辑状态
|
},
|
|
// 切换显示文件
|
handleChangeTab(e) {
|
this.setData({
|
activeMaterial: e.detail,
|
});
|
},
|
|
// 长按删除文件
|
handleTouchstart(e) {
|
this.touchstarttime = e.timeStamp;
|
let item = e.detail;
|
let that = this;
|
this.settimeout = setTimeout(() => {
|
if (this.touchstarttime && that.data.editVisible) {
|
$$.showModal({
|
content: '确定删除' + item.name + '吗?',
|
success: (res) => {
|
if (res.confirm) {
|
that.delfile(item.id);
|
}
|
},
|
});
|
}
|
}, 1500);
|
},
|
|
// 长按结束
|
handleTouchend(e) {
|
let item = e.detail;
|
if (e.timeStamp - this.touchstarttime < 1000) {
|
// 判断用户为点击
|
let imgUrl = $$.baseUrl + $$.url.fileShowUrl + item.id;
|
const visible = $$.openFiles(item.cat, imgUrl, [imgUrl]);
|
if (visible) {
|
this.previewImageVisible = true;
|
}
|
}
|
if (this.settimeout) {
|
clearTimeout(this.settimeout);
|
}
|
this.touchstarttime = false;
|
},
|
|
// 跳转至上传文件页面
|
handleGoUpload() {
|
wx.navigateTo({
|
url: '../../pages/materialUpload/index?activeMaterial=' + this.data.activeMaterial + '&caseId=' + this.caseId,
|
});
|
},
|
|
// 删除附件
|
async delfile(id) {
|
$$.showLoading();
|
const res = await delfileApi(id);
|
$$.hideLoading();
|
if (res.type) {
|
this.getCaseFiles(this.caseId, 'delete');
|
}
|
},
|
|
// 查询案件附件
|
async getCaseFiles(id, type) {
|
$$.showLoading();
|
const res = await getCaseFilesApi(id);
|
$$.hideLoading();
|
if (res.type) {
|
if (type) {
|
$$.showToast({ icon: 'success', title: '删除成功', duration: 500 });
|
}
|
let arr = ['evidenceFile', 'applyFile', 'identityFile', 'otherFile'];
|
arr.forEach((x, t) => {
|
this.data.material_data[t].num = res.data[x]?.size || 0;
|
this.data.material_data[t].files = res.data[x]?.dataList || [];
|
});
|
app.globalData.material.data = this.data.material_data;
|
this.setData({ activeMaterial: this.data.activeMaterial || 0, material_data: this.data.material_data });
|
}
|
},
|
|
/**
|
* 生命周期函数--监听页面加载
|
*/
|
onLoad(options) {
|
if (options.caseId) {
|
this.caseId = options.caseId;
|
this.getCaseFiles(this.caseId);
|
}L
|
this.setData({ editVisible: !!options?.editVisible });
|
},
|
|
/**
|
* 生命周期函数--监听页面显示
|
*/
|
onShow() {
|
if (this.caseId && !this.previewImageVisible && app.globalData.material.uploadVisible) {
|
app.globalData.material.uploadVisible = false;
|
this.getCaseFiles(this.caseId);
|
}
|
if (this.previewImageVisible) {
|
this.previewImageVisible = false;
|
}
|
},
|
});
|
