修改时间

ghsApp/src/admin/expend/list.vue

@@ -19,7 +19,13 @@
 				</view>
 				<view v-if="item.remark!=''" style="color:red;margin-top:8upx;">备注：{{ item.remark }}</view>
 				<view style="margin-top:8upx;">付款：<text>{{item.staffName?item.staffName:''}}</text></view>
-				<view style="margin-top:8upx;">时间：{{ item.addTime.substr(5,11) }}</view>
+				<view style="margin-top:8upx;" @click="openPicker(item)">
+					时间：{{ item.addTime.substr(5,11) }}
+					<text style="margin-left:40upx;color:#969292;" v-if="item.payTime!='0000-00-00 00:00:00' && item.addTime.substr(0,9)!=item.payTime.substr(0,9)">
+						账单日期 {{ item.payTime.substr(5,11) }}
+					</text>
+					<text style="margin-left:30upx;color:#409eff;">修改</text>
+				</view>
 				<view style="margin-top:8upx;">支付：{{item.payWay==0?'线下微信':item.payWay == 4 ? '现金':item.payWay == 1?'线下支付宝':item.payWay == 5 ? '银行卡':''}}</view>
 				<view v-if="item.bx == 0" style="margin-top:8upx;">报销：待报销</view>
 				<view v-else style="margin-top:8upx;">报销：已报销</view>
@@ -30,8 +36,8 @@
 		<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
 	</block>
 	<view class="app-footer open_btn">
-		<text style="margin-right:60upx;color:blue;font-size:36upx;" @click="goToStat()">汇总统计</text>
-		<text style="margin-right:60upx;color:blue;font-size:36upx;" @click="goToMayBx()">应报销统计</text>
+		<view @click="goToStat" class="admin-button-com big" style="width:200upx;">汇总统计</view>
+		<view @click="goToMayBx" class="admin-button-com big" style="width:210upx;">应报销统计</view>
 		<view @click="addExpend" class="admin-button-com big blue" style="width:210upx;">新增支出</view>
 	</view>
 
@@ -55,20 +61,24 @@
 		</view>
 	</uni-popup>
 
+	<mx-date-picker :show="showPicker" format="yyyy-mm-dd" type="date" :value="defaultPickerDate" :show-tips="true" @confirm="confirmPicker" @cancel="showPicker = false" />
+
 </view>
 </template>
 
 <script>
 import AppWrapperEmpty from "@/components/app-wrapper-empty";
-import { getExpendList,getTypeList } from '@/api/expend'
+import { getExpendList,getTypeList,changePayTime } from '@/api/expend'
 import list from '@/mixins/list'
 import { getAllStaff } from "@/api/shop-admin"
 import DateSelect from "@/components/module/dateSelect"
+import MxDatePicker from '@/components/mx-datepicker/mx-datepicker.vue';
 export default {
 	name: "cashList",
 	components: {
 		AppWrapperEmpty,
-		DateSelect
+		DateSelect,
+		MxDatePicker
 	},
 	mixins:[list],
 	data() {
@@ -82,7 +92,9 @@ export default {
 			typeName:'类型',
 			searchTime:'',
 			startTime:'',
-			endTime:''
+			endTime:'',
+			showPicker:false,
+			currentInfo:{}
 		};
 	},
 	onLoad(){
@@ -98,6 +110,22 @@ export default {
 		})
 	},
 	methods: {
+		confirmPicker(e) {
+			let that = this
+			that.$util.confirmModal({content:'确认修改？'},() => {
+				that.showPicker = false
+				changePayTime({id:that.currentInfo.id,date:e.value}).then(res=>{
+					if(res.code == 1){
+						that.$msg(res.msg)
+						that.init()
+					}
+				})
+			})
+		},
+		openPicker(info){
+			this.currentInfo = info
+			this.showPicker = true
+		},
 		selectDateFn(val) {
 			this.searchTime = val.searchTime
 			this.startTime = val.startTime

ghsApp/src/api/expend/index.js

@@ -30,4 +30,8 @@ export const addExpend = data => {
 
 export const getExpendList = data => {
 	return https.get('/expend/list', data)
-}
+}
+
+export const changePayTime = data => {
+	return https.get('/expend/change-pay-time', data)
+}