| @@ -1,4 +1,6 @@ | |||||
| // pages/apply/index.js | // pages/apply/index.js | ||||
| import * as UTIL from '../../utils/util.js'; | |||||
| import * as API from '../../utils/API.js'; | |||||
| const app = getApp(); | const app = getApp(); | ||||
| Page({ | Page({ | ||||
| @@ -7,37 +9,171 @@ Page({ | |||||
| */ | */ | ||||
| data: { | data: { | ||||
| isIPX: app.globalData.isIPX, | isIPX: app.globalData.isIPX, | ||||
| show:false, | |||||
| time:"2022-1-22", | |||||
| srje:0, | |||||
| crzh:123132, | |||||
| srlx:"发包收入", | |||||
| djbm:3423497895934633, | |||||
| bzsm:"收合同2022年第一季度款", | |||||
| fkr:"列示合同乙方或填写", | |||||
| htbm:"DZ000001", | |||||
| sjPics:[], | |||||
| fpPics:[], | |||||
| qtPics:[], | |||||
| count:9 | |||||
| bookName:'', //付款单位 | |||||
| formData:{ | |||||
| accountType:'', //账户类型 | |||||
| accountDate:'', //收入时间 | |||||
| jieAmount:'', //收入金额 | |||||
| accountName:'', //存入账户 | |||||
| incomeType:'', //收入类型 | |||||
| billNum:'', //单据编码 | |||||
| accountSummary:'', //备注说明 | |||||
| contractionId:'', //合同编码 | |||||
| incomeExpensesType:1, //收支类别 | |||||
| isBill:0 | |||||
| }, | |||||
| incomeTypeOptions:[], //收入类型选项 | |||||
| incomeTypeText:'222', //收入类型显示文字 | |||||
| contractionOptions:[], //付款人合同信息列表接口 | |||||
| showHt:false, | |||||
| payerText:'', //付款人 | |||||
| sjPics:[], //收据图片列表数据 | |||||
| fpPics:[], //发票图片列表数据 | |||||
| qtPics:[], //其他图片列表数据 | |||||
| //收入时间弹窗显隐 | |||||
| srShow:false, | |||||
| minDate: new Date(2018, 0, 1).getTime(), | |||||
| maxDate: new Date(2025, 0, 31).getTime(), | |||||
| crzhShow:false, | |||||
| accountListOptions:[] //存入账户类型选项 | |||||
| }, | |||||
| onCancelcrzh(){ | |||||
| this.setData({crzhShow:false}) | |||||
| }, | |||||
| oncrzhShow(){ this.setData({crzhShow:true})}, | |||||
| onConfirmcrzh(e){ | |||||
| let data = e.detail.value; | |||||
| this.setData({ | |||||
| crzhShow:false, | |||||
| 'formData.accountName':data.accountName, | |||||
| 'formData.accountId':data.id, | |||||
| 'formData.accountType':data.accountType | |||||
| }) | |||||
| }, | |||||
| onsrDate(){ | |||||
| this.setData({srShow:true}) | |||||
| }, | |||||
| onClose(){ this.setData({srShow:false})}, | |||||
| onConfirm(e){ | |||||
| let data = this.getNewDate(new Date(e.detail)); | |||||
| this.setData({'formData.accountDate':data}) | |||||
| this.setData({srShow:false}) | |||||
| }, | |||||
| closeBox(){ | |||||
| this.setData({showHt:false}) | |||||
| }, | |||||
| getNewDate(date){ | |||||
| //date是传过来的时间戳,注意需为13位,10位需*1000 | |||||
| //也可以不传,获取的就是当前时间 | |||||
| var time = new Date(date); | |||||
| var year= time.getFullYear() //年 | |||||
| var month = ("0" + (time.getMonth() + 1)).slice(-2); //月 | |||||
| var day = ("0" + time.getDate()).slice(-2); //日 | |||||
| var mydate = year + "-" + month + "-" + day; | |||||
| return mydate | |||||
| }, | |||||
| onConfirmContraction(value){ | |||||
| let obj = value.detail.value; | |||||
| this.setData({ | |||||
| payerText:obj.name, | |||||
| showHt:false, | |||||
| 'formData.contractionId':obj.code, | |||||
| }) | |||||
| }, | |||||
| selectContraction(){ | |||||
| this.setData({showHt:true}) | |||||
| }, | |||||
| bindPickerChange (e) { | |||||
| let obj = this.data.incomeTypeOptions[e.detail.value]; | |||||
| this.setData({ | |||||
| 'formData.incomeType':obj.dictValue, | |||||
| incomeTypeText:obj.dictLabel | |||||
| }) | |||||
| }, | |||||
| inputChange(e){ | |||||
| this.setData({ | |||||
| [e.currentTarget.dataset.prop]: e.detail.value | |||||
| }) | |||||
| }, | }, | ||||
| /** | /** | ||||
| * 生命周期函数--监听页面加载 | * 生命周期函数--监听页面加载 | ||||
| */ | */ | ||||
| onLoad: function (options) { | |||||
| onShow: function (options) { | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面初次渲染完成 | |||||
| */ | |||||
| onLoad: function () { | |||||
| }, | }, | ||||
| /** | |||||
| * 生命周期函数--监听页面显示 | |||||
| */ | |||||
| onReady: function () { | |||||
| let that = this; | |||||
| //初始化收入时间 | |||||
| this.setData({ | |||||
| 'formData.accountDate':UTIL.formatDate(new Date()) | |||||
| }) | |||||
| //获取收入单位 | |||||
| UTIL.httpRequest(API.URL_GET_GETINFO, {method:'GET'}, { | |||||
| success: (res) => { | |||||
| if (res.code == API.SUCCESS_CODE) { | |||||
| this.setData({bookName:res.user.bookName}) | |||||
| } | |||||
| } | |||||
| }) | |||||
| //获取收入类型状态 | |||||
| UTIL.httpRequest(API.URL_GET_GETDICTTYPE + 'income_type', {method:'GET'}, { | |||||
| success: (res) => { | |||||
| if(res.data.length>0){ | |||||
| that.setData({ | |||||
| incomeTypeOptions:res.data, | |||||
| incomeTypeText:res.data[0].dictLabel, | |||||
| 'formData.incomeType':res.data[0].dictValue | |||||
| }) | |||||
| } | |||||
| } | |||||
| }) | |||||
| // 获取合同信息列表 | |||||
| UTIL.httpRequest(API.URL_GET_CONTRACTIONLIST , {method:'GET'}, { | |||||
| success: (res) => { | |||||
| that.setData({ | |||||
| contractionOptions:res.rows, | |||||
| }) | |||||
| } | |||||
| }) | |||||
| //获取当前账套付款账户列表 | |||||
| UTIL.httpRequest(API.URL_GET_ACCOUNTLIST , {method:'GET'}, { | |||||
| success: (res) => { | |||||
| that.setData({ | |||||
| accountListOptions:res.rows, | |||||
| }) | |||||
| } | |||||
| }) | |||||
| }, | |||||
| deleteimg:function(e){ | |||||
| let oData = e.currentTarget.dataset; | |||||
| let file = this.data[oData.status]; | |||||
| file.splice(oData.id,1) | |||||
| this.setData({ | |||||
| [oData.status]:file | |||||
| }) | |||||
| }, | |||||
| back:function(){ | back:function(){ | ||||
| wx.navigateBack({ | wx.navigateBack({ | ||||
| delta: 1 | delta: 1 | ||||
| }) | }) | ||||
| }, | }, | ||||
| uploadSjPics: function (e) { //这里是选取图片的方法 | uploadSjPics: function (e) { //这里是选取图片的方法 | ||||
| var that = this; | var that = this; | ||||
| var pics = []; | |||||
| var detailPics = that.data.sjPics; | var detailPics = that.data.sjPics; | ||||
| if (detailPics.length >= that.data.count) { | if (detailPics.length >= that.data.count) { | ||||
| wx.showToast({ | wx.showToast({ | ||||
| @@ -50,14 +186,20 @@ Page({ | |||||
| sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 | sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 | ||||
| sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 | sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 | ||||
| success: function (res) { | success: function (res) { | ||||
| var imgs = res.tempFilePaths; | |||||
| for (var i = 0; i < imgs.length; i++) { | |||||
| pics.push(imgs[i]) | |||||
| } | |||||
| that.uploadimg({ | |||||
| url: "http://www.test.com//test-api/wechat/applet/api/uploadUserAvatar", //这里是你图片上传的接口 | |||||
| path: pics, //这里是选取的图片的地址数组 | |||||
| }); | |||||
| let fileForm = that.data.sjPics | |||||
| res.tempFilePaths.forEach(item => { | |||||
| fileForm.push({ | |||||
| file: item, | |||||
| fileType:'1', | |||||
| bizPath:'cashier', | |||||
| tableName:'t_cashier_account_flow', | |||||
| tableId:'' | |||||
| }) | |||||
| }) | |||||
| that.setData({ | |||||
| sjPics:fileForm | |||||
| }) | |||||
| }, | }, | ||||
| }) | }) | ||||
| }, | }, | ||||
| @@ -76,14 +218,19 @@ Page({ | |||||
| sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 | sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 | ||||
| sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 | sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 | ||||
| success: function (res) { | success: function (res) { | ||||
| var imgs = res.tempFilePaths; | |||||
| for (var i = 0; i < imgs.length; i++) { | |||||
| pics.push(imgs[i]) | |||||
| } | |||||
| that.uploadimg({ | |||||
| url: "http://www.test.com//test-api/wechat/applet/api/uploadUserAvatar", //这里是你图片上传的接口 | |||||
| path: pics, //这里是选取的图片的地址数组 | |||||
| }); | |||||
| let fileForm = that.data.fpPics | |||||
| res.tempFilePaths.forEach(item => { | |||||
| fileForm.push({ | |||||
| file: item, | |||||
| fileType:'2', | |||||
| bizPath:'cashier', | |||||
| tableName:'t_cashier_account_flow', | |||||
| tableId:'' | |||||
| }) | |||||
| }) | |||||
| that.setData({ | |||||
| fpPics:fileForm | |||||
| }) | |||||
| }, | }, | ||||
| }) | }) | ||||
| }, | }, | ||||
| @@ -102,45 +249,104 @@ Page({ | |||||
| sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 | sizeType: ['original', 'compressed'], // original 原图,compressed 压缩图,默认二者都有 | ||||
| sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 | sourceType: ['album', 'camera'], // album 从相册选图,camera 使用相机,默认二者都有 | ||||
| success: function (res) { | success: function (res) { | ||||
| var imgs = res.tempFilePaths; | |||||
| for (var i = 0; i < imgs.length; i++) { | |||||
| pics.push(imgs[i]) | |||||
| } | |||||
| that.uploadimg({ | |||||
| url: "http://www.test.com//test-api/wechat/applet/api/uploadUserAvatar", //这里是你图片上传的接口 | |||||
| path: pics, //这里是选取的图片的地址数组 | |||||
| }); | |||||
| let fileForm = that.data.qtPics | |||||
| res.tempFilePaths.forEach(item => { | |||||
| fileForm.push({ | |||||
| file: item, | |||||
| fileType:'3', | |||||
| bizPath:'cashier', | |||||
| tableName:'t_cashier_account_flow', | |||||
| tableId:'' | |||||
| }) | |||||
| }) | |||||
| that.setData({ | |||||
| qtPics:fileForm | |||||
| }) | |||||
| }, | }, | ||||
| }) | }) | ||||
| }, | }, | ||||
| swichAccounting:function(e){ | swichAccounting:function(e){ | ||||
| console.log(e.currentTarget.dataset.current); | |||||
| // let cur = e.currentTarget.dataset.current; | |||||
| // if (this.data.currentTaB == cur) { | |||||
| // return false; | |||||
| // }else{ | |||||
| // wx.navigateTo({ | |||||
| // url: '../inCome/index?id=' + id, | |||||
| // }) | |||||
| // } | |||||
| wx.navigateTo({ | |||||
| url: '../inCome/accounting/index?', | |||||
| let codeStr = e.currentTarget.dataset.code; | |||||
| let formDataObj = this.data.formData; | |||||
| if(formDataObj.jieAmount==''){ //收入金额 | |||||
| UTIL.showToastNoneIcon('请填写收入金额!'); | |||||
| return false; | |||||
| }else if(formDataObj.accountName==''){ //存入账户 | |||||
| UTIL.showToastNoneIcon('请选择存入账户!'); | |||||
| return false; | |||||
| }else if(formDataObj.billNum==''){ //单据编码 | |||||
| UTIL.showToastNoneIcon('请输入单据编码!'); | |||||
| return false; | |||||
| }else if(formDataObj.accountSummary==''){ //备注说明 | |||||
| UTIL.showToastNoneIcon('请输入备注说明!'); | |||||
| return false; | |||||
| }else if(formDataObj.incomeType == '2' && formDataObj.contractionId==''){ | |||||
| UTIL.showToastNoneIcon('收入类型为发包收入,必须选择关联合同!'); | |||||
| return false; | |||||
| } | |||||
| let data = this.data.formData; | |||||
| data.method = "POST"; | |||||
| data.checkedStatus = codeStr; | |||||
| UTIL.httpRequest(API.URL_POST_GERFLOWADD,data,{ | |||||
| success: (res) => { | |||||
| if(res.code == 200){ | |||||
| let vouerId = res.data; | |||||
| // let vouerId = 1; | |||||
| let updataList = [...this.data.sjPics,...this.data.fpPics,...this.data.qtPics]; | |||||
| for(let i=0; i<updataList.length; i++){ | |||||
| let arrData=updataList[i]; | |||||
| arrData.tableId = vouerId; | |||||
| wx.uploadFile({ | |||||
| url: API.URL_GET_UPLOAD, | |||||
| filePath: arrData.file, | |||||
| name: 'file', | |||||
| header: { | |||||
| "Content-Type": "multipart/form-data",//记得设置 | |||||
| "chartset":"utf-8", | |||||
| 'Authorization':'Bearer '+getApp().globalData.userInfo.token | |||||
| }, | |||||
| formData:arrData, | |||||
| success (response){ | |||||
| console.log(response); | |||||
| }, | |||||
| fail(res){ | |||||
| console.log(response) | |||||
| } | |||||
| }) | |||||
| } | |||||
| wx.redirectTo({ | |||||
| url: '/pages/index/index' | |||||
| }) | |||||
| }else{ | |||||
| UTIL.showToastNoneIcon(res.msg); | |||||
| } | |||||
| } | |||||
| }) | |||||
| }, | |||||
| imgPreviewImage(e){ | |||||
| let currentImgList = e.currentTarget.dataset; | |||||
| //获取当前附件列表 | |||||
| let currentStatus = this.data[currentImgList.status]; | |||||
| //当前选中图片index | |||||
| let currentIndex = currentImgList.id; | |||||
| let imgList = [] | |||||
| for(let i = 0; i<currentStatus.length; i++){ | |||||
| imgList.push(currentStatus[i].file) | |||||
| } | |||||
| wx.previewImage({ | |||||
| current: imgList[currentIndex], // 当前显示图片的http链接 | |||||
| urls: imgList // 需要预览的图片http链接列表 | |||||
| }) | }) | ||||
| }, | }, | ||||
| /** | |||||
| * 生命周期函数--监听页面初次渲染完成 | |||||
| */ | |||||
| onReady: function () { | |||||
| }, | |||||
| /** | |||||
| * 生命周期函数--监听页面显示 | |||||
| */ | |||||
| onShow: function () { | |||||
| }, | |||||
| /** | /** | ||||
| * 生命周期函数--监听页面隐藏 | * 生命周期函数--监听页面隐藏 | ||||
| @@ -1,12 +1,22 @@ | |||||
| { | { | ||||
| "navigationStyle": "custom", | |||||
| "usingComponents": { | "usingComponents": { | ||||
| "van-tab": "@vant/weapp/tab/index", | |||||
| "van-tabs": "@vant/weapp/tabs/index", | |||||
| "van-action-sheet": "@vant/weapp/action-sheet/index", | |||||
| "van-swipe-cell": "@vant/weapp/swipe-cell/index", | |||||
| "van-row": "@vant/weapp/row/index", | |||||
| "van-col": "@vant/weapp/col/index", | |||||
| "van-cell": "@vant/weapp/cell/index", | "van-cell": "@vant/weapp/cell/index", | ||||
| "van-cell-group": "@vant/weapp/cell-group/index", | "van-cell-group": "@vant/weapp/cell-group/index", | ||||
| "van-tag": "@vant/weapp/tag/index", | |||||
| "van-icon": "@vant/weapp/icon/index", | "van-icon": "@vant/weapp/icon/index", | ||||
| "van-tag": "@vant/weapp/tag/index" | |||||
| "van-steps": "@vant/weapp/steps/index", | |||||
| "van-button": "@vant/weapp/button/index", | |||||
| "van-radio": "@vant/weapp/radio/index", | |||||
| "van-radio-group": "@vant/weapp/radio-group/index", | |||||
| "van-field": "@vant/weapp/field/index", | |||||
| "van-popup": "@vant/weapp/popup/index", | |||||
| "van-picker": "@vant/weapp/picker/index", | |||||
| "van-calendar": "@vant/weapp/calendar/index", | |||||
| "van-dialog": "@vant/weapp/dialog/index", | |||||
| "van-collapse": "@vant/weapp/collapse/index", | |||||
| "van-collapse-item": "@vant/weapp/collapse-item/index" | |||||
| } | } | ||||
| } | } | ||||
| @@ -7,51 +7,107 @@ | |||||
| <view class="top" style="margin-top:{{isIPX?'100px':'75px'}};"> | <view class="top" style="margin-top:{{isIPX?'100px':'75px'}};"> | ||||
| <image src="../../image/apply/dress_icon.png" mode="widthFix"></image> | <image src="../../image/apply/dress_icon.png" mode="widthFix"></image> | ||||
| <view class="top-tit">收入单位</view> | <view class="top-tit">收入单位</view> | ||||
| <view class="top-title">学坝社区股份经济合作联合社</view> | |||||
| <view class="top-title">{{bookName}}</view> | |||||
| </view> | </view> | ||||
| <view class="title"> | <view class="title"> | ||||
| <text>基础信息</text> | <text>基础信息</text> | ||||
| </view> | </view> | ||||
| <view class="main-box table-box"> | <view class="main-box table-box"> | ||||
| <view> | |||||
| <view class="flex-block"> | |||||
| <text class="rules">收入时间</text> | <text class="rules">收入时间</text> | ||||
| <picker mode="date" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange"> | |||||
| <view class="picker"> | |||||
| {{time}} | |||||
| </view> | |||||
| </picker> | |||||
| <view class="wrap" bindtap="onsrDate" > | |||||
| {{formData.accountDate}} | |||||
| </view> | |||||
| <van-calendar | |||||
| show="{{ srShow }}" | |||||
| min-date="{{ minDate }}" | |||||
| max-date="{{ maxDate }}" | |||||
| bind:close="onClose" | |||||
| bind:confirm="onConfirm" | |||||
| /> | |||||
| </view> | </view> | ||||
| <view> | |||||
| <view class="flex-block"> | |||||
| <text class="rules">收入金额</text> | <text class="rules">收入金额</text> | ||||
| <input type="number" value="{{srje}}" style="text-align:right;"/> | |||||
| <input class="wrap" data-prop="formData.jieAmount" type="number" value="{{formData.jieAmount}}" bindinput="inputChange" placeholder="请输入收入金额"/> | |||||
| </view> | |||||
| <view class="flex-block"><text class="rules">存入账户</text> | |||||
| <!-- <input class="wrap" type="number" bindinput="inputChange" data-prop="formData.accountName" value="{{formData.accountName}}" placeholder="请输入存入账户"/> --> | |||||
| <view bindtap="oncrzhShow" class="wrap"> | |||||
| <text wx:if="{{formData.accountName==''}}" class="color-gray">请选择存入账户</text> | |||||
| <text wx:else>{{formData.accountName}}</text> | |||||
| </view> | |||||
| <!-- custom-style="height: 20%;"--> | |||||
| <van-popup | |||||
| show="{{ crzhShow }}" | |||||
| position="bottom" | |||||
| bind:close="onCancelcrzh" | |||||
| > | |||||
| <van-picker columns="{{ accountListOptions }}" value-key="accountName" bind:cancel="onCancelcrzh" | |||||
| show-toolbar="{{true}}" | |||||
| bind:confirm="onConfirmcrzh"/> | |||||
| </van-popup> | |||||
| </view> | |||||
| <view class="flex-block"><text class="rules">收入类型</text> | |||||
| <picker bindchange="bindPickerChange" class="wrap picker_wrap" | |||||
| value="{{incomeTypeText}}" | |||||
| range="{{incomeTypeOptions}}" | |||||
| range-key="dictLabel"> | |||||
| <view class="picker"> | |||||
| {{incomeTypeText}} | |||||
| </view> | |||||
| </picker> | |||||
| </view> | </view> | ||||
| <view><text class="rules">存入账户</text> <input type="number" value="{{crzh}}" style="text-align:right;"/></view> | |||||
| <view><text class="rules">收入类型</text> <input type="number" value="{{srlx}}" style="text-align:right;"/></view> | |||||
| <view><text class="rules">单据编码</text> <input type="number" value="{{djbm}}" style="text-align:right;"/></view> | |||||
| <view><text class="rules">备注说明</text> <input type="number" value="{{bzsm}}" style="text-align:right;"/></view> | |||||
| <view class="flex-block"><text class="rules">单据编码</text> <input class="wrap" type="number" bindinput="inputChange" data-prop="formData.billNum" value="{{formData.billNum}}" placeholder="请输入单据编码"/></view> | |||||
| <view class="flex-block"><text class="rules">备注说明</text> <input class="wrap" type="number" bindinput="inputChange" data-prop="formData.accountSummary" placeholder="请输入备注说明" value="{{formData.accountSummary}}"/></view> | |||||
| </view> | </view> | ||||
| <view class="title"> | <view class="title"> | ||||
| <text>关联合同</text> | <text>关联合同</text> | ||||
| </view> | </view> | ||||
| <view class="main-box table-box"> | <view class="main-box table-box"> | ||||
| <view> | |||||
| <text class="rules">付款人</text> | |||||
| <input type="text" value="{{srje}}" style="text-align:right;"/> | |||||
| <view class="flex-block"> | |||||
| <text class="rules {{formData.incomeType == '2' ?'':'no'}}">付款人{{}}</text> | |||||
| <view class="wrap" bindtap="selectContraction"> | |||||
| <text wx:if="{{payerText==''}}" class="color-gray">请选择付款人</text> | |||||
| <text wx:else>{{payerText}}</text> | |||||
| </view> | |||||
| <van-popup show="{{showHt}}" round position="bottom" bind:close="closeBox" > | |||||
| <van-picker | |||||
| columns="{{contractionOptions}}" | |||||
| show-toolbar | |||||
| value-key="name" | |||||
| bind:cancel="closeBox" | |||||
| bind:confirm="onConfirmContraction" | |||||
| /> | |||||
| </van-popup> | |||||
| </view> | |||||
| <view class="flex-block"><text class="rules {{formData.incomeType == '2' ?'':'no'}}">合同编码</text> | |||||
| <view class="wrap" bindtap="selectContraction"> | |||||
| <text wx:if="{{formData.contractionId==''}}" class="color-gray">请选择合同编码</text> | |||||
| <text wx:else>{{formData.contractionId}}</text> | |||||
| </view> | |||||
| </view> | </view> | ||||
| <view><text class="rules">合同编码</text> <input type="text" value="{{htbm}}" style="text-align:right;"/></view> | |||||
| </view> | </view> | ||||
| <view class="title"> | <view class="title"> | ||||
| <text>附件</text> | <text>附件</text> | ||||
| </view> | </view> | ||||
| <view class="main-box table-box"> | <view class="main-box table-box"> | ||||
| <view style="margin:10px 0 5px;"> | |||||
| <view style="margin:10px 0 5px;" class="flex-block"> | |||||
| <text class="fjLable">收据</text> | <text class="fjLable">收据</text> | ||||
| <view class='content'> | <view class='content'> | ||||
| <view class='img-box'> | <view class='img-box'> | ||||
| <view class='img-list'> | <view class='img-list'> | ||||
| <block wx:for="{{sjPics}}" wx:key="index"> | |||||
| <block wx:for="{{sjPics}}" wx:for-index="index" wx:key="index"> | |||||
| <view class='img-item'> | <view class='img-item'> | ||||
| <image src='{{item}}' bindlongpress="bindlongpressimg" data-id='{{index}}'></image> | |||||
| <van-icon class="close-ico" data-id="{{index}}" name="/image/apply/img_delete.png" size="20px" data-status="sjPics" bindtap="deleteimg" /> | |||||
| <image src='{{item.file}}' class="imagea" bindlongpress="bindlongpressimg" data-status="sjPics" bindtap="imgPreviewImage" data-id='{{index}}'></image> | |||||
| </view> | </view> | ||||
| </block> | </block> | ||||
| <view class='chooseimg' bindtap='uploadSjPics'> | <view class='chooseimg' bindtap='uploadSjPics'> | ||||
| @@ -61,14 +117,15 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view style="margin:10px 0 5px;"> | |||||
| <view style="margin:10px 0 5px;" class="flex-block"> | |||||
| <text class="fjLable">发票</text> | <text class="fjLable">发票</text> | ||||
| <view class='content'> | <view class='content'> | ||||
| <view class='img-box'> | <view class='img-box'> | ||||
| <view class='img-list'> | <view class='img-list'> | ||||
| <block wx:for="{{fpPics}}" wx:key="index"> | |||||
| <block wx:for="{{fpPics}}" wx:for-index="index" wx:key="index"> | |||||
| <view class='img-item'> | <view class='img-item'> | ||||
| <image src='{{item}}' bindlongpress="bindlongpressimg" data-id='{{index}}'></image> | |||||
| <van-icon class="close-ico" data-id="{{index}}" name="/image/apply/img_delete.png" size="20px" data-status="fpPics" bindtap="deleteimg" /> | |||||
| <image src='{{item.file}}' data-status="fpPics" bindtap="imgPreviewImage" class="imagea" bindlongpress="bindlongpressimg" data-id='{{index}}'></image> | |||||
| </view> | </view> | ||||
| </block> | </block> | ||||
| <view class='chooseimg' bindtap='uploadFpPics'> | <view class='chooseimg' bindtap='uploadFpPics'> | ||||
| @@ -78,14 +135,15 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view style="margin:10px 0 5px;"> | |||||
| <view style="margin:10px 0 5px;" class="flex-block"> | |||||
| <text class="fjLable">其他</text> | <text class="fjLable">其他</text> | ||||
| <view class='content'> | <view class='content'> | ||||
| <view class='img-box'> | <view class='img-box'> | ||||
| <view class='img-list'> | <view class='img-list'> | ||||
| <block wx:for="{{qtPics}}" wx:key="index"> | |||||
| <block wx:for="{{qtPics}}" wx:for-index="index" wx:key="index"> | |||||
| <view class='img-item'> | <view class='img-item'> | ||||
| <image src='{{item}}' bindlongpress="bindlongpressimg" data-id='{{index}}'></image> | |||||
| <van-icon class="close-ico" data-id="{{index}}" name="/image/apply/img_delete.png" size="20px" data-status="qtPics" bindtap="deleteimg" /> | |||||
| <image src='{{item.file}}' data-status="qtPics" bindtap="imgPreviewImage" class="imagea" bindlongpress="bindlongpressimg" data-id='{{index}}'></image> | |||||
| </view> | </view> | ||||
| </block> | </block> | ||||
| <view class='chooseimg' bindtap='uploadQtPics'> | <view class='chooseimg' bindtap='uploadQtPics'> | ||||
| @@ -96,9 +154,9 @@ | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| <view class="main-box table-box"> | |||||
| <view class="btn"> | |||||
| <button type="primary" plain="true">暂存</button> | |||||
| <button type="primary" bindtap="swichAccounting">提交</button> | |||||
| <view class="main-box table-box" style="margin-top: 30rpx;"> | |||||
| <view class="btn flex-block"> | |||||
| <button type="primary" data-code="1" bindtap="swichAccounting" plain="true">暂存</button> | |||||
| <button type="primary" data-code="2" bindtap="swichAccounting">提交</button> | |||||
| </view> | </view> | ||||
| </view> | </view> | ||||
| @@ -35,6 +35,11 @@ | |||||
| content:'*'; | content:'*'; | ||||
| color:red; | color:red; | ||||
| } | } | ||||
| .rules.no::before{ | |||||
| content:' '; | |||||
| padding-left: 14rpx; | |||||
| color:'#fff'; | |||||
| } | |||||
| main-title{ | main-title{ | ||||
| background-image: linear-gradient(to right, #2C8E68 , #B3DB62); | background-image: linear-gradient(to right, #2C8E68 , #B3DB62); | ||||
| color: #ffffff; | color: #ffffff; | ||||
| @@ -44,7 +49,7 @@ main-title{ | |||||
| } | } | ||||
| .main-box{ | .main-box{ | ||||
| background: #ffffff; | background: #ffffff; | ||||
| padding: 20rpx; | |||||
| padding: 20rpx 20rpx 10rpx; | |||||
| width: 94%; | width: 94%; | ||||
| margin: 0 auto; | margin: 0 auto; | ||||
| border-radius: 10rpx; | border-radius: 10rpx; | ||||
| @@ -53,6 +58,10 @@ main-title{ | |||||
| .main-box block{ | .main-box block{ | ||||
| float: right; | float: right; | ||||
| } | } | ||||
| .main-box .color-gray{ | |||||
| color: #888; | |||||
| } | |||||
| .title{ | .title{ | ||||
| padding: 10rpx calc(3% + 20px); | padding: 10rpx calc(3% + 20px); | ||||
| color : #07c160; | color : #07c160; | ||||
| @@ -60,21 +69,37 @@ main-title{ | |||||
| font-size:30rpx; | font-size:30rpx; | ||||
| } | } | ||||
| .table-box view{ | .table-box view{ | ||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| } | } | ||||
| .table-box text{ | .table-box text{ | ||||
| /* line-height: 55rpx; */ | |||||
| } | |||||
| .table-box .flex-block{ | |||||
| line-height: 55rpx; | line-height: 55rpx; | ||||
| margin-bottom: 5rpx; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| } | |||||
| .table-box .rules{ | |||||
| width: 200rpx; | |||||
| } | |||||
| .table-box .picker_wrap{ | |||||
| /* display: flex; | |||||
| justify-content: flex-end; | |||||
| align-items: center; */ | |||||
| } | } | ||||
| .table-box .picker{text-align: right;} | |||||
| .table-box .wrap{flex:1; text-align: right;} | |||||
| .fjLable{ | .fjLable{ | ||||
| display: inline-block; | |||||
| display: flex; | |||||
| width:24px; | width:24px; | ||||
| margin:30rpx 5rpx; | |||||
| margin:25rpx 5rpx; | |||||
| color:#fff; | color:#fff; | ||||
| background:#07c160; | background:#07c160; | ||||
| border-radius: 10rpx; | |||||
| text-align: center; | text-align: center; | ||||
| line-height: 40rpx!important; | |||||
| border-radius: 10rpx; | |||||
| justify-content: center; /* 相对父元素水平居中 */ | |||||
| align-items: center; | |||||
| padding:25rpx 0; | padding:25rpx 0; | ||||
| } | } | ||||
| .content { | .content { | ||||
| @@ -94,13 +119,18 @@ main-title{ | |||||
| .img-item { | .img-item { | ||||
| width: 30%; | width: 30%; | ||||
| text-align: left; | text-align: left; | ||||
| margin-right: 20rpx; | |||||
| margin-right: 3%; | |||||
| margin-bottom: 10rpx; | margin-bottom: 10rpx; | ||||
| position: relative; | |||||
| } | } | ||||
| .img-item image { | |||||
| width: 180rpx; | |||||
| height: 180rpx; | |||||
| .img-item .close-ico{ | |||||
| position: absolute; | |||||
| right: -10rpx; | |||||
| top: -10rpx; | |||||
| } | |||||
| .img-item .imagea { | |||||
| width: 160rpx; | |||||
| height: 160rpx; | |||||
| } | } | ||||
| .submit-btn { | .submit-btn { | ||||
| @@ -115,14 +145,19 @@ main-title{ | |||||
| } | } | ||||
| .chooseimg { | .chooseimg { | ||||
| height: 160rpx; | |||||
| background-color: #fff; | background-color: #fff; | ||||
| display: flex; | |||||
| justify-content: center; /* 相对父元素水平居中 */ | |||||
| align-items: center; | |||||
| } | } | ||||
| .weui-uploader__input-box { | .weui-uploader__input-box { | ||||
| float: left; | float: left; | ||||
| position: relative; | position: relative; | ||||
| margin-right: 9rpx; | |||||
| margin-bottom: 9rpx; | |||||
| /* margin-right: 9rpx; | |||||
| margin-bottom: 9rpx; */ | |||||
| width: 120rpx; | width: 120rpx; | ||||
| height: 120rpx; | height: 120rpx; | ||||
| border: 1px solid #d9d9d9; | border: 1px solid #d9d9d9; | ||||
| @@ -188,6 +188,8 @@ const URL_GET_GETMONEYORDERLIST = `${URL_PREFIX}/yinnong/moneyorder/list`; | |||||
| //汇票、现金支出申请 | //汇票、现金支出申请 | ||||
| const URL_GET_GETCASHSAVE = `${URL_PREFIX}/yinnong/approvalItems/cashSave`; | const URL_GET_GETCASHSAVE = `${URL_PREFIX}/yinnong/approvalItems/cashSave`; | ||||
| //增加收入流水 | |||||
| const URL_POST_GERFLOWADD = `${URL_PREFIX}/cashier/flow/add`; | |||||
| /****************接口地址end****************/ | /****************接口地址end****************/ | ||||
| @@ -265,5 +267,6 @@ export { | |||||
| URL_GET_GETBOOKKEEP, | URL_GET_GETBOOKKEEP, | ||||
| URL_GET_GETAPPROVALBYID, | URL_GET_GETAPPROVALBYID, | ||||
| URL_GET_GETMONEYORDERLIST, | URL_GET_GETMONEYORDERLIST, | ||||
| URL_GET_GETCASHSAVE | |||||
| URL_GET_GETCASHSAVE, | |||||
| URL_POST_GERFLOWADD | |||||
| } | } | ||||