From a566bf1ca5003c351a87a07a9038bc1f815679a0 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期四, 14 七月 2022 16:57:54 +0800
Subject: [PATCH] '发运日计划'
---
pages/new-application-form-data/new-application-form-data.vue | 200 ++++++++++++++++++++++++++++++++++++++------------
1 files changed, 152 insertions(+), 48 deletions(-)
diff --git a/pages/new-application-form-data/new-application-form-data.vue b/pages/new-application-form-data/new-application-form-data.vue
index c37eef4..aad11f4 100644
--- a/pages/new-application-form-data/new-application-form-data.vue
+++ b/pages/new-application-form-data/new-application-form-data.vue
@@ -63,6 +63,9 @@
</view>
<!-- 瀹㈡埛鍒楄〃 -->
<view class="searchResultList">
+ <view class="balanceNo" v-if="accountDetails.balanceTotal < 0">
+ <text>瀹㈡埛璐︽埛褰撳墠澶勪簬娆犳鐘舵��</text>
+ </view>
<u-collapse accordion>
<u-collapse-item :title="item.customerFullName" v-for="(item, index) in customerData">
<view class="customerDetails">
@@ -159,40 +162,70 @@
</view>
<view class="searchCustomerBtn">
<u-button text="鎼滅储" type="primary" @click="selectContractOpen()"></u-button>
- <u-button text="娓呯┖" @click="selectCustomerResetFields"></u-button>
+ <u-button text="娓呯┖" @click="selectContractResetFields"></u-button>
</view>
<!-- 鍚堝悓鍒楄〃 -->
- <view class="searchResultList">
- <uni-table border stripe emptyText="鏆傛棤鏇村鏁版嵁">
- <uni-tr>
- <uni-th width="220" align="center">鍚堝悓缂栧彿</uni-th>
- <uni-th width="80" align="center">缁勭粐缁撴瀯</uni-th>
- <uni-th width="200" align="center">瀹㈡埛鍚嶇О</uni-th>
- <uni-th width="140" align="center">鐓ょ鍚嶇О</uni-th>
- <uni-th width="90" align="center">鍚堝悓绫诲瀷</uni-th>
- <uni-th width="130" align="center">绛捐鏃ユ湡</uni-th>
- <uni-th width="130" align="center">缁堟鏃ユ湡</uni-th>
- <uni-th width="100" align="center">鍚堝悓鎬婚噺</uni-th>
- <uni-th width="100" align="center">鍚堝悓閲戦</uni-th>
- <uni-th width="70" align="center">鐘舵��</uni-th>
- <uni-th width="150" align="center" style="position:relative;right:0;">鎿嶄綔</uni-th>
- </uni-tr>
- <uni-tr v-for="(item, index) in contractData" :key="index">
- <uni-td align="left">{{ item.num }}</uni-td>
- <uni-td align="center">{{ item.compName }}</uni-td>
- <uni-td align="left">{{ item.customerName }}</uni-td>
- <uni-td align="center">{{ item.coalNames }}</uni-td>
- <uni-td align="center">{{ item.type }}</uni-td>
- <uni-td align="center">{{ item.startDate }}</uni-td>
- <uni-td align="center">{{ item.endDate }}</uni-td>
- <uni-td align="center">{{ item.countExecutive }}</uni-td>
- <uni-td align="center">{{ item.executive }}</uni-td>
- <uni-td align="center">{{ item.status }}</uni-td>
- <uni-td align="center" style="position:relative;right:0;">
- <view class="uni-group"><button class="uni-button" size="mini" type="primary">閫夋嫨璇ュ悎鍚�</button></view>
- </uni-td>
- </uni-tr>
- </uni-table>
+ <view class="tableContract">
+ <view class="tableBody">
+ <uni-table border emptyText="鏆傛棤鏇村鏁版嵁">
+ <uni-tr>
+ <uni-th width="100" align="center">缁勭粐缁撴瀯</uni-th>
+ <uni-th width="250" align="center">瀹㈡埛鍚嶇О</uni-th>
+ <uni-th width="180" align="center">鐓ょ鍚嶇О</uni-th>
+ <uni-th width="220" align="center">鍚堝悓缂栧彿</uni-th>
+ <uni-th width="90" align="center">鍚堝悓绫诲瀷</uni-th>
+ <uni-th width="130" align="center">绛捐鏃ユ湡</uni-th>
+ <uni-th width="130" align="center">缁堟鏃ユ湡</uni-th>
+ <uni-th width="100" align="center">鍚堝悓鎬婚噺</uni-th>
+ <uni-th width="100" align="center">鍚堝悓閲戦</uni-th>
+ <uni-th width="70" align="center">鐘舵��</uni-th>
+ </uni-tr>
+ <uni-tr v-for="(item, index) in contractData" :key="index">
+
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.compName }}</view>
+ </uni-td>
+ <uni-td align="left">
+ <view :style="tdStyle">{{ item.customerName }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.coalNames }}</view>
+ </uni-td>
+ <uni-td align="left">
+ <view :style="tdStyle">{{ item.num }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.type }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.startDate }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.endDate }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.countExecutive }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.executive }}</view>
+ </uni-td>
+ <uni-td align="center">
+ <view :style="tdStyle">{{ item.status }}</view>
+ </uni-td>
+ </uni-tr>
+ </uni-table>
+ </view>
+
+ <view class="TableUtilBtn">
+ <uni-table border emptyText="鏆傛棤鏇村鏁版嵁">
+ <uni-tr><uni-th align="center">鎿嶄綔</uni-th></uni-tr>
+ <uni-tr v-for="(item, index) in contractData" :key="index">
+ <uni-td align="center">
+ <view class="TableUtilBtnContainer"><u-button type="primary" @click="selectContractClick(item)" icon="checkbox-mark" size="mini"></u-button></view>
+ </uni-td>
+ </uni-tr>
+ </uni-table>
+ </view>
</view>
<!-- 鍚堝悓绫诲瀷閫夋嫨鍣� -->
<view class="selectContractTypePicker">
@@ -207,7 +240,12 @@
</view>
<!-- 鏃堕棿閫夋嫨鍣� -->
<view class="selectContractStartTime">
- <u-calendar :show="selectContractStartTimeShow" @close="selectContractStartTimeClose" :mode="selectContractTimeMode" @confirm="selectContractStartTimeConfirm"></u-calendar>
+ <u-calendar
+ :show="selectContractStartTimeShow"
+ @close="selectContractStartTimeClose"
+ :mode="selectContractTimeMode"
+ @confirm="selectContractStartTimeConfirm"
+ ></u-calendar>
</view>
<view class="selectContractEndTime">
<u-calendar :show="selectContractEndTimeShow" @close="selectContractEndTimeClose" :mode="selectContractTimeMode" @confirm="selectContractEndTimeConfirm"></u-calendar>
@@ -253,6 +291,7 @@
export default {
data() {
return {
+ tdStyle: 'max-height: 30px;overflow: scroll;',
spanStyle: 'overflow:auto',
newFormData: {
amount: 0,
@@ -276,6 +315,7 @@
startDate: '2022-07-05',
type: '澶栭攢'
},
+ accountDetails:0,
// 鏃堕棿
timeDataStr: '',
menuShow: false,
@@ -336,7 +376,7 @@
startDate: '',
endDate: '',
result: 2,
- type: '澶栭攢',
+ type: '',
customerName: ''
},
contractData: [],
@@ -346,7 +386,7 @@
// 鏃堕棿
selectContractTimeMode: 'single',
selectContractStartTimeShow: false,
- selectContractEndTimeShow: false,
+ selectContractEndTimeShow: false
};
},
onShow() {
@@ -400,6 +440,7 @@
this.$reqGet('customer', this.selectCustomerData).then(res => {
uni.hideLoading();
if (res.code == 0) {
+
this.customerData = res.data.records;
}
});
@@ -462,6 +503,7 @@
console.log('id', v);
this.$reqGet('getAccount', { customerId: v }).then(res => {
console.log('鑾峰彇璐﹀彿', res);
+ this.accountDetails = res.data
this.newFormData.customerName = res.data.customerName;
this.newFormData.customerId = res.data.id;
this.searchContractForm.customerName = res.data.customerName;
@@ -486,11 +528,11 @@
this.selectContractShow = true;
},
// 閫夋嫨鍚堝悓绫诲瀷杈撳叆妗嗚幏鍙栫劍鐐硅Е鍙�
- searchContractFormTypeFocus(){
- // 绫诲瀷寮瑰嚭妗�
- this.selectContractTypeShow = true
+ searchContractFormTypeFocus() {
+ // 绫诲瀷寮瑰嚭妗�
+ this.selectContractTypeShow = true;
// 寮瑰嚭妗嗙被鍨嬭姹�
- this.$nextTick(()=>{
+ this.$nextTick(() => {
this.$reqGet('contract_type').then(res => {
console.log('contract_type', res);
res.data.forEach(item => {
@@ -524,23 +566,41 @@
this.searchContractForm.type = v.value[0];
this.selectContractTypeShow = false;
console.log('閫夋嫨鍣ㄧ‘瀹氬悗鐨勫��', v, this.searchContractForm.type);
-
},
selectContractTypeClose(v) {
// 鍒濆鍖栧悎鍚岀被鍨嬮�夋嫨鍣�
this.selectContractTypeData[0] = [];
-
+
this.selectContractTypeShow = false;
if (v) {
this.searchContractForm.type = v.value[0];
}
},
// 鍚堝悓鏃堕棿閫夋嫨鍣�
- selectContractStartTimeConfirm(){
+ selectContractStartTimeConfirm(e) {
+ this.selectContractStartTimeShow = false;
+ this.searchContractForm.startDate = e[0];
+ },
+ selectContractStartTimeClose() {
this.selectContractStartTimeShow = false;
},
- selectContractEndTimeConfirm(){
+ selectContractEndTimeConfirm(e) {
this.selectContractEndTimeShow = false;
+ this.searchContractForm.endDate = e[0];
+ },
+ selectContractEndTimeClose() {
+ this.selectContractEndTimeShow = false;
+ },
+ // 閲嶇疆琛ㄥ崟鎵�鏈夊瓧娈�
+ selectContractResetFields() {
+ this.searchContractForm.num = '';
+ this.searchContractForm.startDate = '';
+ this.searchContractForm.endDate = '';
+ this.searchContractForm.customerName = '';
+ this.searchContractForm.type = '';
+ },
+ selectContractClick(e) {
+ console.log(e);
},
// 鍒濆鏁版嵁璇锋眰
operato() {
@@ -723,6 +783,52 @@
}
}
+ // 鍚堝悓琛ㄦ牸
+ .tableContract {
+ margin-top:vww(30);
+ display: flex;
+ justify-content: center;
+ .uni-table-scroll {
+ min-width: 0 !important;
+ .uni-table {
+ .uni-table-tr {
+ padding: 0;
+ font-size: vww(13);
+ .uni-table-th {
+ width: vww(100);
+ height: vww(32);
+ line-height: vww(20);
+ padding: vww(5) vww(10);
+ color: #111111;
+ font-weight: 400;
+ background: #f5f5f5;
+ }
+
+ .uni-table-td {
+ line-height: vww(20);
+ padding: vww(5) vww(10);
+ color: #111111;
+ }
+ }
+ }
+ }
+ .tableBody {
+ width: 80%;
+ }
+ .TableUtilBtn {
+ width: 20%;
+ overflow: hidden;
+ .uni-table{
+ min-width:0!important;
+ }
+ .TableUtilBtnContainer{
+ .u-button{
+ width:vww(20);
+ }
+ }
+ }
+ }
+
// 鍚堝悓绫诲瀷閫夋嫨鍣�
.selectContractTypePicker {
.u-popup {
@@ -747,24 +853,22 @@
}
}
}
-
+
// 鏃堕棿閫夋嫨鍣�
- .selectContractStartTime{
+ .selectContractStartTime {
.u-popup {
.u-transition {
height: auto;
}
}
}
- .selectContractEndTime{
+ .selectContractEndTime {
.u-popup {
.u-transition {
height: auto;
}
}
}
-
-
}
}
}
--
Gitblit v1.9.1