From 5c8906cc4aaa7fcf70ee37de2dd1069161d80a61 Mon Sep 17 00:00:00 2001
From: 819527061@qq.com <123456>
Date: 星期五, 24 十一月 2023 14:08:19 +0800
Subject: [PATCH] 收款明细页面及对接接口、详情页面
---
pages/the-form-data/the-form-data.vue | 245 ++++++++++++++++++++++++++++++++++++++----------
1 files changed, 194 insertions(+), 51 deletions(-)
diff --git a/pages/the-form-data/the-form-data.vue b/pages/the-form-data/the-form-data.vue
index 50c42f3..6ae4c07 100644
--- a/pages/the-form-data/the-form-data.vue
+++ b/pages/the-form-data/the-form-data.vue
@@ -1,7 +1,7 @@
<template>
<!-- 琛ㄥ崟鏁版嵁 -->
<view class="the-form-data">
- <view class="formData">
+ <!-- <view class="formData">
<view class="formData-row">
<view class="formData-row_input">
<text>瀛楁鏍囬</text>
@@ -48,10 +48,9 @@
<u--textarea height="130" v-model="value1" placeholder="璇疯緭鍏ュ唴瀹�" ></u--textarea>
</view>
</view>
- </view>
- <view class="dataTable">
+ </view> -->
+ <!-- <view class="dataTable">
<uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁">
- <!-- 琛ㄦ牸鏁版嵁琛� -->
<uni-tr>
<uni-th align="center">瀛楁鏍囬</uni-th>
<uni-th align="center">瀛楁鏍囬</uni-th>
@@ -77,7 +76,79 @@
<uni-td align="center">瀛楁鏍囬</uni-td>
</uni-tr>
</uni-table>
+ </view> -->
+
+ <view class="formDataContaniner">
+ <u--form labelPosition="left" :model="formData" ref="formRef">
+ <u-form-item labelWidth="20%" label="缁撶畻瀹㈡埛" ref="customerNameRef">
+ <u--input v-model="formData.customerName" disabled disabledColor="#ffffff"></u--input>
+ </u-form-item>
+ <u-form-item labelWidth="20%" label="缂栧彿" >
+ <u--input disabled disabledColor="#ffffff" v-model="formData.number" placeholder="璇疯緭鍏ョ紪鍙�"></u--input>
+ </u-form-item>
+ <u-form-item labelWidth="20%" label="鍚堝悓缂栧彿" ref="contractNumRef">
+ <u--input v-model="formData.contractNum" disabled disabledColor="#ffffff"></u--input>
+ </u-form-item>
+ <u-form-item labelWidth="20%" label="鍚堝悓鍚嶇О" ref="contractNameRef">
+ <u--input v-model="formData.contractName" disabled disabledColor="#ffffff" ></u--input>
+ </u-form-item>
+ <u-form-item labelWidth="20%" label="浠樻鏂瑰紡" ref="payTypeRef">
+ <u--input :value="formData.payType == 0? '鐜版眹':'鎵垮厬'" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨浠樻鏂瑰紡" ></u--input>
+
+ </u-form-item>
+ <u-form-item labelWidth="20%" label="鏃ユ湡" ref="timeDataRef">
+ <u--input :value="formData.createTime != null ?formData.createTime.slice(0,10):'鏆傛棤' + ' 鑷� ' + formData.endDate != null? formData.endDate:'鏆傛棤'" disabled disabledColor="#ffffff" placeholder="璇烽�夋嫨鑼冨洿鏃ユ湡"></u--input>
+ </u-form-item>
+
+ </u--form>
</view>
+
+ <view class="card">
+ <view class="cardList" v-for="(item,index) in formData.contractOrders">
+ <view class="cardList-container">
+ <view class="cardList_item">
+ 鏀惰揣浜猴細
+ <text>{{ item.customerAddressName }}</text>
+ </view>
+ <view class="cardList_item">
+ <view class="">
+ 鐭垮巶锛�
+ <text>{{ item.filedName }}</text>
+ </view>
+ <view class="">
+ 鐓ゅ巶锛�
+ <text>{{ item.compName }}</text>
+ </view>
+ </view>
+
+ <view class="cardList_item">
+ <view class="">
+ 鍝佺锛�
+ <text>{{ item.coalName }}</text>
+ </view>
+ <view class="">
+ 杩愯緭锛�
+ <text>{{ item.trainType == 1 ? '鍦伴攢' : '璺繍' }}</text>
+ </view>
+ </view>
+ <view class="cardList_item">
+ <view class="">
+ 鍗曚环锛�
+ <text>{{ item.price }}</text>
+ </view>
+ <view class="">
+ 璁㈠崟閲戦锛�
+ <text>{{ item.amount }}</text>
+ </view>
+ <!-- <view class="">
+ 璁㈠崟鏁伴噺锛�<text>218.899</text>
+ </view> -->
+ </view>
+ </view>
+ </view>
+ </view>
+
+
<!-- 鑿滃崟鏍� -->
<popup-menu @menuShow="menushow" ref="menuRef"></popup-menu>
@@ -96,6 +167,8 @@
name: ''
}
},
+ formData:{},
+ applicationId:0,
menuShow:false
};
},
@@ -103,6 +176,10 @@
if(this.menuShow == true){
this.$refs.menuRef.menuClick()
}
+ this.init();
+ },
+ onLoad(options){
+ this.applicationId = JSON.parse(options.index); // 瀛楃涓茶浆瀵硅薄
},
// 鐐瑰嚮瀵艰埅鏍忚彍鍗曞悗
onNavigationBarButtonTap(e) {
@@ -113,6 +190,21 @@
popupMenu
},
methods:{
+ init(){
+ this.requestFormData();
+ },
+ requestFormData(){
+ uni.showLoading({
+ title:'鍔犺浇涓�...'
+ })
+ this.$reqGet('formData',{},this.applicationId).then(res=>{
+ console.log('琛ㄥ崟',res);
+ uni.hideLoading();
+ if(res.code == 0){
+ this.formData = res.data
+ }
+ })
+ },
menushow(e){
this.menuShow = e
}
@@ -121,55 +213,55 @@
</script>
<style lang="scss" scoped>
-.the-form-data {
+::v-deep.the-form-data {
// 琛ㄥ崟
- .formData{
- width:91%;
- margin:vww(16) auto 0;
- .formData-row{
- margin-top:vww(16);
- display:flex;
- justify-content: space-between;
- .formData-row_input{
- width:47%;
- .u-input{
- margin-top:vww(10);
- }
- text{
- font-size:vww(13);
- }
- }
- .formData-row_textarea{
- width:100%;
- .u-textarea{
- margin-top:vww(10);
- }
- text{
- font-size: vww(13);
- }
- }
- }
- }
+ // .formData{
+ // width:91%;
+ // margin:vww(16) auto 0;
+ // .formData-row{
+ // margin-top:vww(16);
+ // display:flex;
+ // justify-content: space-between;
+ // .formData-row_input{
+ // width:47%;
+ // .u-input{
+ // margin-top:vww(10);
+ // }
+ // text{
+ // font-size:vww(13);
+ // }
+ // }
+ // .formData-row_textarea{
+ // width:100%;
+ // .u-textarea{
+ // margin-top:vww(10);
+ // }
+ // text{
+ // font-size: vww(13);
+ // }
+ // }
+ // }
+ // }
// 琛ㄦ牸
- .dataTable{
- width:91%;
- margin:vww(48) auto 0;
- .uni-table{
- .uni-table-tr{
- .uni-table-th{
- background-color: #F5F5F5;
- font-size:vww(13);
- color:#111111;
- font-weight: 500;
- }
- .uni-table-td{
- background-color: #FFFFFF;
- font-size:vww(13);
- color:#111111;
- }
- }
- }
- }
+ // .dataTable{
+ // width:91%;
+ // margin:vww(48) auto 0;
+ // .uni-table{
+ // .uni-table-tr{
+ // .uni-table-th{
+ // background-color: #F5F5F5;
+ // font-size:vww(13);
+ // color:#111111;
+ // font-weight: 500;
+ // }
+ // .uni-table-td{
+ // background-color: #FFFFFF;
+ // font-size:vww(13);
+ // color:#111111;
+ // }
+ // }
+ // }
+ // }
@@ -203,5 +295,56 @@
// }
+
+
+ .formDataContaniner {
+ .u-form {
+ width: 91%;
+ margin: 0 auto 0;
+ .u-form-item {
+ .u-form-item__body {
+ .u-form-item__body__left {
+ .u-form-item__body__left__content {
+ .u-form-item__body__left__content__label {
+ }
+ }
+ }
+ .u-form-item__body__right {
+ .u-form-item__body__right__content {
+ .u-form-item__body__right__content__slot {
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ .card{
+ width:91%;
+ margin:0 auto;
+ .cardList {
+ height: vww(130);
+ border-radius: vww(4);
+ padding: vww(10);
+ box-shadow: 0 2px 16px #e5e5e5, 0 0 1px #e5e5e5, 0 0 1px #e5e5e5;
+ margin-top: vww(10);
+ .cardList-container {
+ .cardList_item {
+ margin-top: vww(12);
+ font-size: 14px;
+ display: flex;
+ view {
+ width: 50%;
+ &:nth-child(2) {
+ margin-left: vww(20);
+ }
+ }
+ }
+ }
+ }
+ }
+
+
}
</style>
--
Gitblit v1.9.1