From c478bc1b36e38774cf01c02fd5e23858bd70a4a3 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期三, 29 十一月 2023 13:42:46 +0800
Subject: [PATCH] #
---
pages/business/goBusiness/reimburseOnlineDetl.vue | 369 ++++++++++++++++++++++++++++++++++------------------
1 files changed, 239 insertions(+), 130 deletions(-)
diff --git a/pages/business/goBusiness/reimburseOnlineDetl.vue b/pages/business/goBusiness/reimburseOnlineDetl.vue
index cb45e97..9c7f223 100644
--- a/pages/business/goBusiness/reimburseOnlineDetl.vue
+++ b/pages/business/goBusiness/reimburseOnlineDetl.vue
@@ -16,139 +16,146 @@
</view>
</view>
+
+
<view class="main-box">
<view class="box" v-for="item in list">
<view class="box-title">鎶ラ攢鏄庣粏</view>
- <scroll-view class="box-scroll" scroll-x="true" >
- <view class="scroll-head">
- <view class="scroll-item scroll-head">
- <view class="item-content">浜嬬敱</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">璐圭敤绫诲瀷</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">绋庣巼</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鏈◣鏈竵閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鏈◣閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">绋庨</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鍙戠エ閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鍙戠エ鏈竵閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鎶ラ攢姣斾緥</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鎶ラ攢閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鎶ラ攢鏈竵閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鍑虹撼纭閲戦</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鍒楁敮浜哄憳</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鍒楁敮閮ㄩ棬</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content">鏇存柊鏃ユ湡</view>
- </view>
- <view class="scroll-item scroll-head">
- <view class="item-content-last">鏇存柊浜哄憳鍚嶅瓧</view>
- </view>
- </view>
- <view style="border-top: 1px solid #e7e7e7;" v-for="(item, index) in onlineDetl" :key="index">
- <view class="scroll-item">
- <view class="item-content">{{item.occupation}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.expenseType$}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.taxRate}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.untaxedAmountInLocalCurrency}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.untaxedAmount}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.taxAmount}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.invoiceValue}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.invoiceAmountInLocalCurrency}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.reimbursementRatio}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.reimbursementAmount}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.reimbursementAmountInLocalCurrency}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.cashierConfirmationAmount}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.userId$}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.deptId$}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content">{{item.updateTime}}</view>
- </view>
- <view class="scroll-item">
- <view class="item-content-last">{{item.updateUserName}}</view>
- </view>
- </view>
- <view style="height: 10rpx;"></view>
- </scroll-view>
-
+ <view style="width: 100%; overflow-x: scroll;border: 1px solid #bebebe;">
+ <table cellpadding="0" cellspacing="0">
+ <thead>
+ <tr style="background-color: #949494;color: #FFF;">
+ <td class="scroll-item">
+ <view class="item-content">浜嬬敱</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">璐圭敤绫诲瀷</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">绋庣巼</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鏈◣鏈竵閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鏈◣閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">绋庨</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鍙戠エ閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鍙戠エ鏈竵閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鎶ラ攢姣斾緥</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鎶ラ攢閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鎶ラ攢鏈竵閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鍑虹撼纭閲戦</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鍒楁敮浜哄憳</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鍒楁敮閮ㄩ棬</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">鏇存柊鏃ユ湡</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content-last">鏇存柊浜哄憳鍚嶅瓧</view>
+ </td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr v-for="(item,index) in onlineDetl">
+ <td class="scroll-item">
+ <view class="item-content">{{item.occupation}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.expenseType$}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.taxRate}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.untaxedAmountInLocalCurrency}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.untaxedAmount}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.taxAmount}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.invoiceValue}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.invoiceAmountInLocalCurrency}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.reimbursementRatio}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.reimbursementAmount}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.reimbursementAmountInLocalCurrency}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.cashierConfirmationAmount}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.userId$}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.deptId$}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content">{{item.updateTime}}</view>
+ </td>
+ <td class="scroll-item">
+ <view class="item-content-last">{{item.updateUserName}}</view>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </view>
</view>
</view>
<view class="main-box">
<view class="box">
<view class="box-title">娴佺▼鍔ㄦ��</view>
- <u-steps :current="1" direction="column">
- <u-steps-item title="寮�濮� 2023-11-09 13:30:54" desc="寮犺姮鍒涘缓浜嗗鎵�">
- </u-steps-item>
- <u-steps-item title="閮ㄩ棬缁忕悊瀹℃牳 2023-11-09 13:31:42" desc="閮ㄩ棬缁忕悊寮犺姮瀹℃壒閫氳繃">
- </u-steps-item>
- <u-steps-item title="淇炴檽瀹℃牳" desc="">
- </u-steps-item>
- <u-steps-item title="鍛ㄦ槬鏉惧鏍�" desc="">
- </u-steps-item>
- <u-steps-item title="缃楄悕瀹℃牳" desc="">
- </u-steps-item>
- <u-steps-item title="淇炴檽瀹℃牳" desc="">
- </u-steps-item>
+ <u-steps :current="current" direction="column">
+ <u-steps-item :title="`${item.title} ${item.time ? item.time : ''}`" :desc="item.msg" v-for="item in steps" />
</u-steps>
</view>
</view>
+
+ <view style="height: 100rpx;">
+
+ </view>
+
+
+ <!-- 鎻愮ず绐楃ず渚� -->
+ <uni-popup ref="del" type="dialog">
+ <uni-popup-dialog type="warn" cancelText="鍏抽棴" confirmText="纭" title="璀﹀憡!" content="纭鍒犻櫎姝ゆ暟鎹�"
+ @confirm="confirmDel" @close="delClose">
+ </uni-popup-dialog>
+ </uni-popup>
<view class="floor">
- <view class="wran">鍒犻櫎</view>
- <view class="default">缂栬緫</view>
+ <view class="wran" @click="del()">鍒犻櫎</view>
+ <view class="default" @click="modiReimburse()">缂栬緫</view>
<view class="primary" @click="submit()">瀹℃壒</view>
</view>
</view>
@@ -158,6 +165,9 @@
export default {
data() {
return {
+ steps: [],
+ current: 0,
+ ids: 0,
list: [{
templateName: '椤圭洰鏈畬鎴�',
checkData: '鍚�',
@@ -166,7 +176,7 @@
name$: '娴欐睙澶╂垚鑷帶鑲′唤鏈夐檺鍏徃',
status$: '鏈畬鎴�',
settle$: '绛夊緟鑺傜偣3瀹℃牳',
- detl: '鎶ラ攢鏄庣粏',
+ // detl: '鎶ラ攢鏄庣粏',
updateUserId$: '寮犺姮',
updateTime$: '2023-11-09 13:31:42'
}, ],
@@ -199,10 +209,10 @@
label: "杩涘害",
attribute: "settle$",
},
- {
- label: "鎶ラ攢鏄庣粏",
- attribute: "detl",
- },
+ // {
+ // label: "鎶ラ攢鏄庣粏",
+ // attribute: "detl",
+ // },
{
label: "鏇存柊浜哄憳",
attribute: "updateUserId$",
@@ -214,7 +224,7 @@
],
onlineDetl: [
{
- occupation: '123',
+ occupation: 'CRMREIMBURSE1699507854268',
expenseType$: '1',
taxRate: '0.0',
untaxedAmountInLocalCurrency: '1.1',
@@ -234,7 +244,108 @@
]
}
},
+ onLoad(option) {
+ let _this = this
+ _this.list = []
+ const eventChannel = this.getOpenerEventChannel();
+ eventChannel.on('busunessDetl', function(data) {
+ _this.ids = data.data.id
+ _this.list.push(data.data)
+ _this.getTableData(data.data.id)
+ _this.getSetps(data.data.id)
+ })
+
+ },
methods: {
+ // 瀹℃壒
+ submit() {
+ let _this = this,param = {planld: 13}
+
+ uni.request({
+ url: `${_this.baseUrl}/reimburseOnline/approval2/auth`,
+ header: {
+ 'token': uni.getStorageSync('token'),
+ 'content-type': 'application/x-www-form-urlencoded;charset=UTF-8'
+ },
+ method: 'POST',
+ sslVerify: false,
+ data: { planId: 13 },
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+
+ } else if (res.code === 500) {
+ uni.showToast({title: res.msg, icon: "none", position: 'top'})
+ }
+ }
+ })
+
+ },
+ getSetps(id) {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/reimburseOnline/${id}/auth`,
+ header: { 'token': uni.getStorageSync('token') },
+ success(res) {
+ res = res.data
+ _this.current = res.data.settle-1
+ _this.steps = JSON.parse(res.data.settleMsg)
+ }
+ })
+ },
+ getTableData(id) {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/reimburseOnlineDetl/list/auth`,
+ header: { 'token': uni.getStorageSync('token') },
+ data: {order_id: id},
+ success(res) {
+ res = res.data
+ if (res.code === 200) {
+ _this.onlineDetl = res.data.records
+
+ }
+ }
+ })
+ },
+ modiReimburse() {
+ let _this = this
+ _this.list[0]['detl'] = _this.onlineDetl
+ uni.navigateTo({
+ url: '/pages/business/goBusiness/modiReimburseOnlineDetl',
+ success: function(res) {
+ res.eventChannel.emit('reimburseOnlineDetl', {
+ data: 'modi',
+ detl: {list: _this.list[0]}
+ })
+ }
+ })
+ },
+ del() {
+ this.$refs.del.open()
+ },
+ confirmDel() {
+ let _this = this
+ uni.request({
+ url: `${_this.baseUrl}/reimburseOnline/delete/auth`,
+ header: {
+ 'token': uni.getStorageSync('token'),
+ 'content-type': 'application/x-www-form-urlencoded;charset=UTF-8'
+ },
+ sslVerify: false,
+ data: {ids: _this.ids},
+ success(res) {
+ res = res.data
+ console.log(res);
+ if (res.code === 200) {
+ uni.navigateBack()
+ }
+ }
+ })
+ },
+ delClose() {
+ this.$refs.del.close()
+ },
back() {
uni.navigateBack({})
},
@@ -320,28 +431,26 @@
margin-bottom: 10rpx;
}
.scroll-head {
- /* height: 50rpx; */
- /* line-height: 50rpx; */
- /* padding: rpx; */
background-color: #949494;
color: #fff;
width: auto;
}
.scroll-item {
- display: inline-block;
width: 150rpx;
padding: 10rpx;
text-align: center;
- /* border-right: 1px solid #007dea; */
}
.item-content {
+ min-width: 150rpx;
height: 30rpx;
line-height: 30rpx;
+ padding-right: 10rpx;
border-right: 1px solid #d3d3d3;
}
.item-content-last {
height: 30rpx;
+ min-width: 150rpx;
line-height: 30rpx;
}
--
Gitblit v1.9.1